@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap');
body{font-family: 'Source Sans Pro', sans-serif; padding: 0; margin: 0;}
p{font-size:17px;}
#app{
    min-height: 100vh;
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    max-width: 100vw;
    overflow: hidden;
}
.text-teal{
    color: #4591A6;
}
#app #contact{
    display: none;
    transform: translate(0, 100%);
}
.animate-top{
    display: block !important;
    animation-name: animate-top;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
}

.mh-logo-after-click {
        width: 20%;
        height: auto;
    }

@keyframes animate-top{
    from{
        
        transform: translate(0, 100%);
    }
    to{
        
        transform: translate(0, 0);
    }
}
@media (min-width:992px) and (max-width:1199px){
    
   
}
@media (min-width:768px) and (max-width:991px){
  
}
@media (min-width:0) and (max-width:767px){
    .w-sm-100 {
        width: 100% !important;
    }
    
    .mh-logo-after-click {
        width: 50%;
        height: auto;
    }
}