*{
    color: #303c4c;
}
.coming-soon{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.container{
    flex-direction: column;
}
.container img{
    height: 30%;
}
.container p:first-of-type {
color: #ffb230;
font-size: 30px;
text-transform: uppercase;
}
.container p{
    margin-bottom: 0px;
}
.social-media-container a .fa-brands{
color: #303c4c;
margin: 0.6rem;
}
.fa{
    font-size: 35px;
}
.logo-loader{
    width: 60px;
    height:60px;
    animation: spin 1.5s linear infinite;
}
.hidden{
    display: none;
}
@keyframes spin{
    to {
        transform: rotate(360deg);
    }
}
#preloader{
    z-index: 1050;
    transition: opacity 2s ease;
}
@media (max-width:480px){
   .container p{
   font-size: 13px;
   margin-bottom: 0.2rem;
   }
   .social-media-container {
    margin-top:1.5rem;
   }
}