@font-face {
    font-family: "Source Serif 4 Extra light italic";
    src: url("../Fonts/SourceSerif4-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Proxima Nova Light";
    src: url("../Fonts/Proxima Nova Light.otf") format("opentype");
}

* {
    box-sizing: border-box;
    font-family: "Source Serif 4 Extra light italic", sans-serif;
}

/* Components */


.bg-hero {
    background-color: #00071d;
    background-image: url(../images/bg-hero.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.border-color {
  background-image: url(../images/border-divingsoon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}


.font-body {
    font-family: "Proxima Nova Light", sans-serif!important;
}

@media screen and (max-width: 899px) {

    .mobile-element-1 {
        max-width: 30vw!important
    }
    
    .mobile-element-2 {
        max-width: 80vw!important
    }
    
    .mobile-logo {
        max-width: 80vw!important
    }
    
    .mobile-font {
        font-size: 32px!important
    }
    
    .mobile-hero {
        align-items: center!important;
        justify-content: center!important;
        padding-top: 32px
    }
    
    .mobile-ilustration {
        display: none!important
    }
    
    .mobile-info {
        align-items: center!important;
        margin: auto!important;
        padding-top: 64px
    }
}