.hero-section {
    width: 100vw;
    height: 100vh;
    background-image: url('./bg.jpg');
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}
.logo {
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.logo img{
    width: 500px;
}
.comming-soon-info {
    font-size: 72px;
}

.footer-area {
    width: 100%;
     position: absolute;
    bottom: 0;
    left: 0;
}
.hero-footer {
    width: 90%;
    border-top: 2px solid #fff;
    margin: auto;
}
.icon {
    width: 35px; 
    margin-right: 5px;

}
.icon:last-child { 
    margin-right: 0px;

}

@media (max-width:576px){
    .logo img {
        width: 100%;
    }
    .comming-soon-info {
        font-size: 25px;
    }
}