/* ==== Mobile fixes ==== */ .responsive { width: 100%; max-width: 1200px; height: auto; } /* Responsive columns - one column layout (vertical) on small screens */ @media screen and (max-width: 600px) { .column { width: 100%; display: block; margin-bottom: 20px; } } @media only screen and (max-width: 480px) { /* horizontal scrollbar for tables if mobile screen */ .tablemobile { overflow-x: auto; display: block; } } @media only screen and (max-width: 400px) { td.collapsable {display:none; } } @media (max-width: 767px){ h2 { margin-top:0px; } p { font-size:17px; } .navbar-toggle { border-radius:0px !important; padding: 15px 12px !important; } .nav>li>a { padding-right:15px !important; padding-left:15px !important; } .navbar-collapse { padding-left:15px !important; } .navbar-inverse .navbar-collapse { border:2px solid #003535 !important; } }