.body
{
     font-family: 'Raleway';
}
.topbanner{

    background-image:url('../images/banner.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    padding:2%;
    padding-top: 0px;
    padding-bottom: 12%;
    height: auto;
}
.banner2{
    background-image:url('../images/banner2.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    padding:2%;
    padding-top: 0px;
    padding-bottom: 12%;
    height: auto;
}
.topinner1{
    background-image:url('../images/inner1.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    padding:1%;
    height: auto;   
    width: 90%;
}
.topinner2{
    background-image:url('../images/inner1.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    padding:2%;
    height: auto;   
    width: 70%;
}
.ylwtext{
    font-weight: 900;
    font-size: 32px;
    letter-spacing: 1px;
    color: #fff600;
}
.ylwtextbig{
    font-weight: 900;
    font-size:45px;
    letter-spacing: 1px;
    color: #fcff04;
}
.ylwtextbig2{
    font-weight: 900;
    font-size:55px;
    letter-spacing: 1px;
    color: #fcff04;
}
.ylwsmltext{
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 1px;
    color: #fff600;   
}
.img1{
    margin-top: -120px;
}
.textpara{
    font-size: 19px;
    color:#000;
    letter-spacing: 1px;
}
.frame{
    width:80%;
    height:500px;
    border-radius:20px;
    border:1px solid gray;
    box-shadow: 0px 12px 14px 1px #000;
}
.btnn{
    width: 80%;
    border-radius:30px;
    background-color:#f7d220;
    padding:15px;
    border: 2px solid white;
    box-shadow: 0px 7px 2px 1px #4c086f;
}
.btntext{

    font-size: 28px;
    font-weight: 900;
    font-family: Raleway;
    color:#4c086f;

}
.cimg{
    max-width: 100%;
    margin-top: -5px;
    margin-bottom: -120px;
}
.bonustxt{
    box-shadow: 6px 6px 2px 4px #000;
    padding:5px;
    margin-top: -26px;
    text-align: center;
    /*background-color: #ffd50d;*/
    background-image: linear-gradient(to bottom, #f15023,#f6ab1c);
    font-weight: 900;
    font-size: 30px;
    font-family: Raleway;
    color: #fff;
    width: 90%;
}
.bonushead{
    text-align: center;
    font-weight: 900;
    font-size: 30px;
    font-family: Raleway;
    color: #4500ca;
}
.hd{
    display: none;
}
.sh{
    display: block;
}
@media(max-width: 500px){
    .cimg{
        margin-bottom: -40px;
        height: 200px;
        background-color: #e3d5ff;
    }
    .bonustxt{
        width: 100%;
    }
    .hd{
    display: block;
}
.sh{
    display: none;
}
    .topbanner{
        background-size: cover;
        padding-bottom: 350px;

    }
    .topinner1{
        padding:12%;
        height: auto;   
        width: 100%;

    }
    .topinner1 .ylwtext{
        font-size:28px;
    }
    .topbanner .ylwtextbig{
        font-size: 30px;
    }
    .frame{
        width: 100%;
        height:170px;
    }
    .topinner2{
        padding:12%;
        height: auto;   
        width: 100%;
    }
    .btnn{
        width: 100%;
        margin-top: -20px;
    }
    .btntext{

        font-size: 22px;

    }
    .banner2{
        background-image: none;
        margin-top: -30px;
        background-size:cover;
    }
    .ylwtextbig2{
        font-size: 38px;
    }
    .img1{
        margin-top: 0px;
    }
}