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; } }