@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);


html,
body {
    margin: 0;
    padding: 0;    
 }

h1 {
    font-family: "Bebas Neue", sans-serif !important;
}

header {
    overflow: hidden;
    background-color: #002a37;
    padding:0px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}

.navbar .navbar-expand-lg .bg-body-tertiary {
    overflow: hidden;
    background-color: #002a37;         
}

.navbar-nav .nav-link {
    font-family:'Roboto';    
    color:white;
}


.nav-link:hover, .nav-link:focus {
    color: #c4620c !important;
}



footer {
    margin-top: auto;
    padding: 0px;
    background-color: #002a37;
    width: 100%;
}


#banner {
    background: url("../img/MainBanner.89c03d9ab2bf.png") no-repeat;
    background-size: 100%;
    height:70vh;
}

@media (max-width: 600px) {
    #banner {
        background-size: 100%;
        height: 25vh;
    }
}


.fadeIn {
    animation: fadeIn ease 3s;
    -webkit-transition: 3s all ease-in-out;
    -moz-transition: 3s all ease-in-out;
    -o-transition: 3s all ease-in-out;
    transition: 3s all ease-in-out;
}


.fade-in-section {
    opacity: 0;
    transform: translateY(20vh);
    visibility: hidden;
    transition: opacity 0.6s ease-out, transform 1.2s ease-out;
    will-change: opacity, visibility;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
    visibility: visible;
}

.btnBox {
    font-size: 1.5vw !important;
    width: 100%;
    font-family: 'Bebas Neue' !important;
    margin-left: 5px;
    margin-right: 5px;
}