@font-face { font-family: 'BebasNeue'; src: url('/static/fonts/BebasNeue.otf') format('opentype'); } h1, h2, h3, h4, h5, h6 { font-family: 'BebasNeue', sans-serif; } .flexboxtweener, .flexboxtweener > body { height: 100%; } body { margin-top: 125px; min-height: 100vh; /** * Making the element behave like a flexbox container: */ /* Ye Olde Flexbox for Webkit */ display: -webkit-box; /* Tweener flexbox */ display: -ms-flexbox; /* Prefixed "new flexbox" */ display: -webkit-flex; /* unprefixed standard "new flexbox" version */ display: flex; /** * Making the things inside line up vertically */ /* Your grandparents flexbox for Webkit */ -webkit-box-orient: vertical; /* Prefixed new syntax: */ -webkit-flex-direction: column; /* Same syntax for weird IE tweener */ -ms-flex-direction: column; /* unprefixed new syntax */ flex-direction: column; } .content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex: 1 0 auto; } .homepage-text { margin: 20px; } .banner-image { height: 300px; } .img-center { margin: 0 auto; } .navbar { padding-top: 8px; padding-bottom: 8px; height: 125px; } .nav { float: right; } .navbar-collapse { background-color: #f8f8f8; } .nav-items-container { margin-top: 26px; } .nav-items { font-size: 22px; font-family: 'BebasNeue', sans-serif; } .logo-container { display: table-cell; position: relative; top: auto; vertical-align: middle; } .logo { width: 150px; } .footer-container { background-color: #991b1e; width: 100%; height: 100%; display: block; margin: 0 auto; color: #e8cdb6; } .services-container { margin-bottom: 50px; } .about-content { padding-bottom: 10px; } .invisible-link:link, .invisible-link:visited, .invisible-link:hover, .invisible-link:active { text-decoration: none; color: #e8cdb6; }