/* landing page first Image */

.landing-page-first-image--buttons {
    display: block;
    z-index: 9999;
}
.landing-page-first-image--buttons > a {
    display: inline-block;
    height: 40px;        
    padding-top: 12px;
    width: 153px;
    
}
.landing-page--first-image {
    height: 0;
    padding-top: 45%;
    max-width: 100%;
    background-image: url("../images/Reward/landingPage/Round-Table-Pizza-Royal-Rewards-Hero-Desktop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.landing-page--first-image-conetnt {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.landing-page--first-image-conetnt-wrapper {
    display: flex;
    margin-left: 8%;
    flex-direction: column;
    width: 40%;
    margin-bottom: 3%;
}

.landing-page--first-image-conetnt-wrapper h1 {
    font-size: 3vw;
    font-weight: 100;
}

.landing-page--first-image-conetnt-wrapper h3 {
    margin-bottom: 1vw;
    font-size: 1.8vw;
    font-weight: normal;
}

.landing-page--first-image-conetnt-wrapper button {
    font-size: 1.2vw;
    margin-top: 1vw;
    width: 13vw;
}

.small-p {
    margin-bottom: 1vw;
    font-size: 1.2vw;
    font-weight: 500;
}
.landing-page--first-image--img-links-1 {
    width: 120px;
    height: 40px;
    cursor: pointer;
}

.landing-page--first-image--img-links {
    margin-top: 3vw;
    display: flex;
}

.landing-page--first-image--img-links > a > img {
    margin-right: 1vw;
    width: 120px;
    height: 40px;
    cursor: pointer;
}


/* ----Section-image-hero----- */

.landing-page---hero--image {
    margin-top: -10.2vw;
    z-index: 2;
}

.landing-page--section--message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 8%;
    margin-right: 5%;
     max-width:37%;
     min-width:37%;
}

.landing-page--section--message h1 {
    font-size: 2.3vw;
    font-weight: 100;
}

.landing-page--section--message p {
    margin-top: 1em;
}

.landing-page--section--message button {
    margin-top: 0.2vw;
    width: 13vw;
}


    @media (max-width:768px) {
        .landing-page-first-image--buttons > a {
            display: inline-block;
            height: unset;
            padding-top: 8px;
            padding-bottom: 8px;
            width: unset;
            font-size: 12px;
        }

        .landing-page--first-image {
            padding-top: 167%;
            background-image: url("../images/Reward/mobile/landingpage/Round-Table-Pizza-Royal-Rewards-Hero-Mobile.jpg");
        }

        .landing-page--first-image-conetnt {
            top: 62%;
            height: 40%;
            align-items: flex-start;
        }

        .landing-page--first-image-conetnt-wrapper {
            align-items: center;
            justify-content: center;
            margin-left: 5vw;
            margin-right: 5vw;
            width: 100%;
        }

            .landing-page--first-image-conetnt-wrapper h1 {
                font-size: 6vw;
                font-weight: 100;
            }

            .landing-page--first-image-conetnt-wrapper p {
                font-size: 3vw;
                margin-left: 8vw;
                margin-right: 8vw;
            }

        .landing-page-first-image--buttons {
            display: flex;
            width: 100%;
            flex-direction: row-reverse;
            justify-content: center;
            align-items: flex-end;
            margin-top: 2vw;
        }

            .landing-page-first-image--buttons button {
                font-size: 3.5vw;
                margin: 0;
                width: 35vw;
            }

        .landing-page--first-image--img-links {
            margin: 0;
            margin-right: 1vw;
        }

            /*.landing-page--first-image--img-links > img {
                margin-right: 2vw;
                width: 25vw;
            }

        .landing-page--first-image--img-links-1 {
            width: 25vw;
        }*/
        /* ----Section-image-hero----- */
        .landing-page---hero--image {
            margin-top: -20vw;
        }

        .landing-page--section--message {
            min-height: 30vh;
            margin: 0;
            margin-top: 20px;
            margin-bottom: 20px;
            max-width:100%;
        }

        #claim-points-hero {
            min-height: 40vh;
        }

        .landing-page--section--message h1 {
            font-size: 6vw;
            align-self: center;
            font-weight: 100;
        }

        .landing-page--section--message p {
            margin-top: 1em;
            font-size: 4vw;
            margin-left: 10%;
        }

        .landing-page--section-message-texts {
            margin-left: 4vw;
            margin-right: 4vw;
            display: flex;
            font-size: 0.9em;
            flex-direction: column;
            align-items: center;
        }

        .landing-page--first-image {
            align-self: center;
        }

        .landing-page--section--message button {
            margin-top: 0.2vw;
            width: 12vw;
        }

        .align-center-m {
            align-self: center;
        }

        .landing-page--section--message button {
            margin-top: 2vw;
            align-self: center;
            width: 50vw;
        }
    }
@media (max-width:380px) {
    .landing-page--first-image--img-links > a > img {
        width: 90px;
        height:30px
    }
    .landing-page--first-image--img-links-1 {
        width: 90px;
        height: 30px
    }
}