body {
    background: #fff !important;
    font-family: 'Roboto', sans-serif;
}
#banner1{
    transition: ease-in-out .5s;
}
h1, h2 {
    font-weight: bold;
}
h2{
    text-shadow:1px 1px 1px rgb(192, 192, 192);
}
h2{
    font-size:2.5rem
}
.about-us-wrap{
    border-radius:5px !important; background-color:black;
    width:100%; 
    height:350px;
}
.gallery-img-wrap{
    flex: 0 0 30%;
    margin:0 10px 0 10px;
}
#banner1{
    background-size: cover;
    height:730px;
    background-repeat: no-repeat;
   width:100%; 
   position:relative; 
   right:100%
}
.contact-text{
    margin-left:50px;
}
@media (max-width:1600px) {
    #banner1{
        background-size: contain;
        height:600px;
    }
}
@media (max-width:1200px) {
    #banner1{
        height:450px;
    }
}
@media (max-width:900px) {
    .gallery-img-wrap{
        flex: 0 0 45%;
    }
    #banner1{
        height:330px;
    }
    h2{
        font-size:1.5rem
    }
}
@media (max-width:780px) {
    .about-us-wrap{
        height:530px;
    }
    #banner1{
        height:280px;
    }
    .contact-text{
        margin-left:5px;
    }
}
@media (max-width:620px) {
    #banner1{
        height:220px;
    }
}
@media (max-width:500px) {
    #banner1{
        height:200px;
    }
    .about-us-wrap{
        height:570px;
    }
}
.blur-filter{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity: .1;
    background-color: black;
    z-index:-1;
}
.gallery-img{
    max-height:240px;
    transition: ease-in-out .3s;
    position: relative;
    background-color: black;
}

.gallery-img:hover{
    transform: scale(1.5);
    opacity: 1;
    z-index:80;
    position: relative;
}
.contact-icon>div{
    width:34px;
    height:34px;
    overflow: hidden;;
    border : solid 2px rgb(180, 180, 180);
    border-radius: 50% !important;
    line-height: 28px;
    background-color: transparent;
    text-align: center;
}
.contact-icon span{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.712);
}
#back-to-top-btn{
    position: fixed;
    z-index:50;
    bottom:25px;
    right:0px;
    height:55px;
    width:55px;
    line-height: 55px;
    font-size: 1.5rem;
    border-radius: 50%;
    background:white;
    box-shadow: 0px 0px 2px 0px grey;
    transition: ease-in-out .5s;
    transform: translateX(100px);
}
#back-to-top-btn:hover{
	background: rgb(203, 203, 203);
}