body {
        padding: 0%;
        margin: 0%;
    }

    .background {
        display: none;
    }

    .newdiv {
        display: none;
    }

    .root {
        margin: 0%;
        padding: 0%;
        background-color: rgb(248, 248, 248);
        width: 100%;
        height: 650px;
    }

.click {
    padding-top: 20px;
}

    .nav {
        background-color: #000000;
        width: 100%;
        height: 70px;
        margin: auto;
        border-radius: 0px 0px 30px 30px;
        text-align: center;
    }

    .logonavweb {
        width: auto;
        height: 45px;
        margin-top: 13px;
        float: left;
        margin-left: 5%;
    }

    .logonav {
        display: none;
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    li {
        float: right;
    }

    .navtexttwo {
        display: block;
        color: white;
        text-align: center;
        padding: 0%;
        text-decoration: none;
        font-family: "Montserrat", sans-serif;
        font-size: 11pt;
        margin-right: -50px;
    }

    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 24px 50px;
        text-decoration: none;
        font-family: "Montserrat", sans-serif;
        font-size: 11pt;
    }

    .iconjoinus {
        width: 100%;
        height: 100px;
        color: rgb(20, 20, 20);
        text-align: center;
        font-size: 14pt;
        font-family: "Montserrat", sans-serif;
        margin-top: 30px;
    }

    .buttoniconweb {
        width: 30px;
        margin-top: 10px;
    }

    .main {
        display: flex;
        margin-top: -15px;
    }

    .mobilebuttons {
        width: 50%;
        height: 150px;
    }

    .mobilebuttonstwo {
        width: 50%;
        height: 150px;
    }

    .mbsocialbutton {
        width: 250px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: 20px;
        margin-top: 10px;
    }

    .mbsocialbuttontwo {
        width: 250px;
        height: auto;
        display: block;
        margin-left: 20px;
        margin-right: auto;
        margin-top: 10px;
    }

    .hithere {
        width: 100%;
        height: 150px;
        text-align: center;
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .giftboxone {
        display: none;
    }

    .hitheretext {
        font-size: 28px;
        padding-top: 25px;
        margin-bottom: 0%;
        color: #000000;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
    }

    .hitheretext2 {
        font-size: 18px;
        margin-top: 10px;
        color: rgb(24, 24, 24);
        font-family: "Montserrat", sans-serif;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .giftbox {
        display: none;
    }

    .callnowtextweb {
        text-align: center;
        font-size: 13.5pt;
        font-family: "Montserrat", sans-serif;
        margin-top: -2px;
        color: #12221b;
        font-weight: 600;
        animation: blinker 2s linear infinite;
        text-decoration: none;
    }

    @keyframes blinker {
        35% {
            opacity: 0;
        }
    }

    .mobilehithere {
        display: none;
    }

    .joinusweb {
        font-family: "Montserrat", sans-serif;
        font-size: 13pt;
        margin-top: 65px;
        color: rgb(34, 34, 34);
        text-align: center;
    }

    .logo {
        width: 180px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }

    footer {
        display: none;
    }

    .secondnav {
        display: none;
    }

    @media only screen and (max-width: 450px) {
        .root {
            margin: 0%;
            padding: 0%;
            width: 100%;
            height: 800px;
        }
        .background {
            width: 100%;
            height: auto;
            margin: 0%;
            padding: 0%;
            margin-bottom: -60px;
            display: inline;
        }
        .navtext {
            display: none;
        }
        .navtexttwo {
            display: none;
        }
        .nav {
            background-color: #000000;
            width: 100%;
            height: 80px;
            margin: auto;
            border-radius: 0px 0px 60px 60px;
            margin-bottom: 0%;
            padding-bottom: 0%;
            position: fixed;
            top: 0%;
        }
        .logonav {
            width: auto;
            height: 50px;
            margin-top: 15px;
            float: none;
            margin-left: 8px;
            display: inline-flex;
        }
        .logonavweb {
            display: none;
        }
        .hithere {
            display: none;
        }
        .mobilehithere {
            display: list-item;
            width: 100%;
            height: auto;
            position: fixed;
            top: 100px;
        }
        .welcome {
            color: #ffffff;
            text-align: center;
            font-size: 16pt;
            font-weight: 250;
            margin-top: 55px;
            font-family: "Raleway", sans-serif;
        }
        .welcome2 {
            color: #b98a23;
            text-align: center;
            font-size: 14pt;
            font-weight: 300;
            margin-top: -12px;
            font-family: "Raleway", sans-serif;
            letter-spacing: 1px;
        }
        .callnowtext {
            text-align: center;
            font-size: 85%;
            font-family: "Montserrat", sans-serif;
            margin-top: -2px;
            color: #ffffff;
            font-weight: 500;
            animation: blinker 2s linear infinite;
            text-decoration: none;
            letter-spacing: 2px;
        }
        @keyframes blinker {
            30% {
                opacity: 0;
            }
        }
        .thankyou {
            text-align: center;
            font-size: 9.5pt;
            font-family: "Raleway", sans-serif;
            line-height: 17px;
            font-weight: 100;
            color: #f8f8f8;
        }
        .secondnav {
            background-color: #000000;
            width: 100%;
            height: 700px;
            border-radius: 60px 60px 0px 0px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            display: list-item;
            position: absolute;
            text-align: center;
        }
        .joinus {
            font-family: "Raleway", sans-serif;
            font-size: 16px;
            margin-top: 28px;
            color: #f8f8f8;
            letter-spacing: 0px;
            text-align: center;
            font-weight: 200;
            margin-bottom: 40px;
        }
        .buttons {
            margin: auto;
            width: 100%;
            justify-content: center;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-top: 10px;
            background-color: #000000;
            height: 300px;
        }
        .socialbutton {
            width: 500px;
            margin-top: 0%;
            height: auto;
        }
        .mobilebuttons {
            display: none;
        }
        .mobilebuttonstwo {
            display: none;
        }
        .buttonicon {
            width: 100%;
            height: 41px;
            margin-bottom: 10px;
            margin-top: -18px;
        }
        .newdiv {
            display: inline;
        }
    }