ul li a:hover{

    background:lightgrey !important;
    border-radius:7px;
}

h1,h2,h3,h4,h5,h6{
    font-family: SuisseWorks,Georgia,Times,times new roman,serif,apple color emoji,segoe ui emoji,segoe ui symbol;
}
.courses-circle{
    border:1px solid blue; height: 130px;width: 130px; border-radius: 50%;
}
p{
    font-family: sf pro text,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
text-align: justify;
}


@media only screen and (max-width:760px) {
    /* #search_ul{
        position:absolute !important;
        left:50px !important;
        margin-top:-370px;
        font-size:11px !important;

        z-index:99999 !important;
    } */
    /* input{
        font-size:5px !important;

    }
    .input-group-text{
        font-size:7px !important;
    } */
    button{
        font-size:10px !important;
    }
    .backgroundtext{

        position:absolute !important;
        left:80px !important;
        right:20px !important;
        font-size:16px;

        width:70% !important;

    }
    
    .bookingbox{

        margin-top: 160px !important;
        font-size: 10px;
    }
    .headerbtn{

        position: absolute !important;
        top: 110px !important;
        left: 40% !important;
        height: 29px;
        font-size: 12px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .hero-text {

        font-size: 20px !important;
        position: absolute;
        top: 60px !important;
        left: 30px !important;
        right: 30px !important;

    }
    /* .groupbtn{

        top: 110px !important;
        left: 12% !important;
        right: 30% !important;
        max-width: 78% !important;

    } */

    .meetcard{
        min-width:68% !important;
    }


    .cardss{
        max-width: 100px !important;

    }
    .featured{
        height: 490px !important;
        padding-bottom: 100px;
    }
    p{
        font-size: 12px !important;
    }

}

/* .cardss:hover{
    box-shadow: 0 6px 6px rgba(0,0,0,0.14), 
        0 15px 15px rgba(0,0,0,0.16), 
        0 15px 15px rgba(0,0,0,0.16), 
        0 15px 15px rgba(0,0,0,0.16),
        0 22px 20px rgba(0,0,0,0.16) !important;
    opacity:0.9;

} */

.navitem a:hover{
    color: #DA670B;
}


@media (max-width:1024px) and (min-width:1024px) {
    /* #search_ul{
        position:absolute !important;
        left:250px !important;
        margin-top:-12px;


        z-index:99999 !important;
    } */
    .headerbtn{


        top: 300px !important;
        left: 42% !important;
        height: 40px;
        font-size: 19px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .bookingbox{

        margin-top: 390px !important;
        font-size: 10px;

    }

}
@media (max-width:700px) and (min-width:300px) {
    .hero-text{

        font-size: 30px !important;
        position: absolute;
        top: 20px !important;
        left: 30px !important;
        right: 30px !important;

    }
    .hero-text2{

        font-size: 20px !important;
        position: absolute;
        top: 58px !important;
        left: 30px !important;
        right: 30px !important;

    }
    .hero-description{

        font-size: 13px !important;
        position: absolute;
        top: 85px !important;
        left: 30px !important;
        right: 30px !important;

    }
}
@media (max-width:770px) and (min-width:768px) {

    input{
        font-size:7px !important;

    }
    .hero-text{
        left:100px !important;
        font-size: 30px !important;
        right: 20px !important;
    }
    .bookingbox{

        margin-top: 300px !important;
        font-size: 10px;

    }
    .headerbtn{

        position: absolute !important;
        top: 230px !important;
        left: 42% !important;
        height: 40px;
        font-size: 19px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .backgroundtext{

        font-size: 27px;

    }

    .featuredtext{
        font-size: 12px !important;
    }
   
}​
body {
    margin: 0;
    padding: 0;
    width:100vw;
    height: 100vh;
    background-color: #eee;
}
.content {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
}

.footer{
  background: #152F4F;
  color:white;
  
}
  .copyright p{border-top:1px solid rgba(255,255,255,.1);}