@font-face {
    font-family: "veneer-two";
    src : url('../fonts/veneer-two.otf') format('opentype');

}
.nav-bar {
    font-family: "veneer-two" !important;
    font-size: 25pt !important; 
    font-weight: normal;
}

.banner {
    height: 200px !important;
    width: 100% !important ;
}

.nav-bar-alineado{

    width: 100% !important;
}

.top-bar {
    background-color: white;
    position: relative;
    
}
.top-bar {
    z-index: 8;

}
.top-bar {
    display:block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow:auto;
   
}
.custom-navbar {
    background-color: #0072ce !important;
}
/* Style the navigation bar */
.navbar {
    width: 100%;
    background-color: #555;
    overflow: auto;
}

    /* Navbar links */
    .navbar a {
        float: left;
        text-align: center;
        padding: 12px;
        color: white;
        text-decoration: none;
        font-size: 17px;
    }


/* Current/active navbar link */
.active {
    background-color: #0072ce;
    text-align: right;
}

/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media screen and (max-width: 500px) {
    .navbar a {
        float: none;
        display: block;
    }
}