@font-face {
    font-family: 'TwentiethCentury';
    src: url('../assets/fonts/SansSerifFLF-Demibold.otf')
}

@font-face {
    font-family: 'TwentiethCenturyBold';
    src: url('../assets/fonts/SansSerifBldFLF.otf')
}

html, body {
    height: 100%;
    /* font-family: 'TwentiethCentury'; */
    color: rgb(114, 114, 114);
    font-weight: 600;
    font-size: 16px;
}

h4 {
    /* font-family: 'TwentiethCenturyBold'; */
    color: rgb(13, 13, 13);
}

.header-image {
    width: 100%;
    height: 100%;
}

/* override bootstrap */

.btn-primary, .btn-primary:active, .btn-primary:visited {
    background-color: rgb(241, 146, 115) !important;
    border-color: rgb(241, 146, 115) !important;
    border-radius: 5px;
}

.btn-primary:hover {
    background-color: #ec6e45 !important;
}

/* Navigation */

.navbar-logo {
    height: 50px;
    width: auto;
    padding-left: 10px;
}

#nav {
    background-color: rgb(49, 60, 76);
    font-weight: 600;
}

#navbarNav ul.navbar-nav {
    margin-left: auto;
}

nav#nav li.nav-item a.nav-link {
    color: white;
}

nav#nav li.active.nav-item a.nav-link {
    color: yellow;
}