*{
    margin: 0;
    padding: 0;
}
/*html{*/
    /*height: 100%;*/
/*}*/
/*body{*/
    /*height: 100%;*/
/*}*/
@media (min-width:1200px){
    .logo{

        padding-top: 9%;
    }
    .logo h1{
        font-size:60px;
        margin: 5% auto;
    }
    .logo h2{
        font-size:40px;
    }
    .logo img{
        width: 180px;
        margin: 0 auto;
    }
    .contact_us{
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .contact_us_box{
        width: 500px;
        height: 150px;
        padding-top: 4%;
        position: relative;
    }
    .contact_us_text{
        width: 370px;
        margin: 0 auto;
        font-size: 18px;
    }
    .contact_text{
        font-size: 23px;
        width:180px;
        position: absolute;
        top:-18px;
        left:160px;
    }
    .footer{
        margin-top: 4px;
        font-size: 13px;
        padding: 7px;
    }

}


@media (min-width:601px) and (max-width:1199px){
    .logo{

        padding-top: 9%;
    }
    .logo h1{
        font-size:35px;
        margin: 5% auto;
    }
    .logo h2{
        font-size:25px;
    }
    .logo img{
        width: 120px;
        margin: 0 auto;
    }
    .contact_us{
        margin-top: 16%;
        margin-bottom: 10%;
    }
    .contact_us_box{
        width: 300px;
        height: 130px;
        padding-top: 4%;
        position: relative;
    }
    .contact_us_text{
        width: 220px;
        margin: 0 auto;
        font-size: 14px;

    }
    .contact_text{
        font-size: 20px;
        width:120px;
        position: absolute;
        top:-15px;
        left:90px;
    }
    .footer{
        margin-top: 4px;
        font-size: 13px;
        /*padding: 7px;*/
    }

}

/*<1000*/
@media (min-width:376px) and (max-width:600px){
    .logo{
        padding-top: 20%;
    }
    .logo h1{
        font-size:20px;
        margin: 10% auto;
    }
    .logo h2{
        font-size:18px;
    }
    .logo img{
        width: 100px;
        margin: 0 auto;
    }
    .contact_us{
        margin-bottom: 37%;
        margin-top: 25%;
    }
    .contact_us_box{
        width: 220px;
        height: 110px;
        padding-top: 6%;
        position: relative;
    }
    .contact_us_text{
        width: 180px;
        margin: 0 auto;
        font-size: 12px;
    }
    .contact_text{
        font-size: 15px;
        width: 90px;
        position: absolute;
        top:-10px;
        left:65px;
    }
    .footer{

        margin: 2% ;
    }
    .footer h6{
        font-size: 10px;
    }
    .foot-img img{
        width: 180px;
        margin: 0 auto;
    }
}


@media (max-width:375px){
    .logo{
        padding-top: 10%;
    }
    .logo h1{
        font-size:20px;
        margin: 10% auto;
    }
    .logo h2{
        font-size:18px;
    }
    .logo img{
        width: 100px;
        margin: 0 auto;
    }
    .contact_us{
        margin-bottom: 30%;
        margin-top: 23%;
    }
    .contact_us_box{
        width: 220px;
        height: 110px;
        padding-top: 8%;
        position: relative;
    }
    .contact_us_text{
        width: 180px;
        margin: 0 auto;
        font-size: 12px;
    }
    .contact_text{
        font-size: 15px;
        width: 90px;
        position: absolute;
        top:-10px;
        left:65px;
    }
    .footer{
        margin: 2% ;
    }
    .footer img{
        width: 180px;
        margin: 0 auto;
    }
    .footer h6{
        font-size: 10px;
    }




}
.bg{
    background-image: url("instahub/bg@3x.png");
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
    background-attachment: fixed;
    flex: 1;
}
.banner{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.logo{
    text-align: center;
}

.logo h1{
    color: white;
}
.logo h2{
    color: grey;
}
.contact_us{
    /*border: 1px solid red;*/
    color: white;
    text-align: center;
    /*margin-bottom: 20%;*/
}
.contact_us_box{
    border:1px solid white;
    border-radius:70px ;
    margin: 0 auto;
}
.contact_text{
    background-color: rgb(54,54,54);
}

.footer{
    /*min-height: 100px;*/
    text-align: center;
}

a:link{color:black;}
a:visited{color:black;}