body { margin-top: 90px; margin-bottom: 35px; } * { border-radius: 0 !important; } a, a:active, a:focus { outline: none; } /* Main width */ #main { width: 700px } @media (max-width: 768px) { #main { width: 500px; } } @media (max-width: 520px) { #main { width: 100%; } } /* Front page stuff */ #front-logo { margin: auto; } /* Navbar stuff */ .navbar { max-width: 700px; margin: auto; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(250, 250, 250); } .navbar-fixed-top { min-height: 80px; } @media (min-width: 768px) { .nav li a { padding: 30px 15px; } .nav { float: right!important; } } @media (max-width: 767px) { .nav li { text-align: center; font-size: 20px; } } .navbar-toggle .icon-bar { background: black; width: 45px; height: 8px; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; } /* Form stuff */ .form-control, .form-control:focus { box-shadow: none; } .btn-black { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .btn-grey { background-color: #777; color: rgb(255, 255, 255); } #map { height: 500px; } .thumbnail { height: 350px; } /* Footer */ footer { position: fixed; width: 700px; text-align: center; background-color: white; bottom: 0px; padding: 5px; } .breadcrumb > li.no-before::before { content: ""; } .nav li a { padding: 30px 7px; } .text-container { display: flex; align-items: center; height: 200px; } .event { max-width: 200px; height: 120px; display: inline-block; margin: 5px 5px; padding: 5px; flex: 1 1 auto; } .event:hover { background-color: black !important; color: white !important; text-decoration: none; }