/* mobile specific stuff i dont know what im doing */ @media (max-width: 1150px){ html, body { font-size: 1.50em; } .columns, .vcol{ top: 50px; flex-direction: column; flex-wrap: wrap; max-height: 90%; } .left-sidebar, .right-sidebar { width: 100%; height: 4em; max-height: 20vh; font-size: 1.75em; text-align: center; } .main-content { width: auto; max-height: 50vh; margin: 20px; } #cbox { display: none; } img { min-height: 1.1em; flex-shrink: 0; } }