html, body { height: 100%; } body { background-color: #ccfff3; font-family: roboto,sans-serif; color: #302b44; } #page-content { flex: 1 0 auto; } footer { flex-shrink: 0; background-color: #302b44; } footer p, footer ul li { color: #686283; font-size: 0.8rem; } footer ul { margin-top: -16px; padding-left: 20px; } .container-fluid { padding-left: 5%; padding-right: 5%; } .navbar { padding-left: 5%; padding-right: 5%; } .navbar-light .navbar-brand { height: 80px; padding-left: 100px; font-family: cinzel,serif; font-size: 2.5rem; background-image: url('../images/jwlogo.png'); background-repeat: no-repeat; color: #302b44; }