} /* Increase the font size of the heading */ .header h1 { font-size:25px; } .menu { float:left; width:20%; text-align:center; } .menu a { background-color:#660033; padding:6px; margin-top:7px; display:block; width:90%; color:white; } .main { background-color:#660033; float:left; width:55%; padding:6px; margin-top:7px; text-align:center; color:white; border:5px solid white; } .right { background-color: #660033; float:left; width:25%; padding:6px; margin-top:7px; text-align:center; color:white; border:5px solid white; } /* Footer */ .footer { padding:20px; text-align:center; background:#660033; color:white; border:5px solid white; } @media only screen and (max-width:620px) { /* For mobile phones: */ .menu, .main, .right { width:100%; }