body, p, a, span{
    font-family: 'ArchivoNarrow-Regular', serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'ArchivoNarrow-Bold', serif;
}

button:focus {
    outline:0 !important;
}

body{
    background-color: #000;
}

body>div{
    background-image: url('../images/logoV2_gold.png');
    background-position-x: center;
    background-position-y: 250px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #000;
}

body>div {
    -webkit-animation: logo-opacity 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 15s;
    animation: logo-opacity 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 15s;
    position: relative;
    background-image: none;
    }
@-webkit-keyframes logo-opacity {
    0% {
        background-image: none;
     }
    100% {
        background-image: url('../images/logoV2_gold.png');
    }
}
@keyframes logo-opacity {
    0% {
        background-image: none;
    }
    100% {
        background-image: url('../images/logoV2_gold.png');
    }
}

html {
    font-size: 0.9rem;
  }
  
@media only screen and (max-width: 980px){
    html{
        font-size: 2rem;
    }  

    body>div{
        background-position-y: 30vh;
    }

}