@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Regular.ttf');
}

html, body {
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    padding: 0;
    margin: 0;
}

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

a {
    color: #FB5F03;
    transition: 0.2s;
}

a:hover {
    text-decoration: none;
    color: #7a2e01;
}

footer {
    background-color: #dedede;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 250px;
    font-size: 0.9rem;
}

footer h5 {
    font-size: 1.1rem;
}

.navbar {
    width: 100%;
    padding: 0 20px;
    background-color: #dedede;
    margin-top: -64px; /* make the navbar visible on the main jumbotron */
}

.nav-item a {
    font-size: 1.2rem;
}

.navbar-nav {
    width: 100%;
    display: inline-flex;
}

.nav-item {
    margin: auto;
    position: relative;
    overflow: hidden;
}

.nav-link:hover  {
    color: #FB5F03 !important;
    cursor: pointer;
}

.navbar, .navbar-nav, .nav-link {
    height: 64px;
}

.nav-link {
    height: 64px;
    line-height: 64px;
    padding: 0 10px;
    position: relative;
    color: black;
}

.navbar {
    padding: auto;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    line-height: 30px;
    color: #FB5F03;
}

.btn-danger {
    background-color: #FB5F03;
    border-color: #FB5F03;
}

@media
only screen and (max-width: 575px) {
    footer {
        height: 300px;
        font-size: 0.8rem;
    }
}
