@media (max-width: 640px) { .container_12 { float: none; width: auto; margin-top: 4em; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { float: none; width: auto; margin-left: 0.625em; /* 16px x 0.625em = 10px */ margin-right: 0.625em; /* 16px x 0.625em = 10px */ } .container_12 .grid_3 { width: auto; } .container_12 .grid_6 { width: auto; } .container_12 .grid_9 { width: auto; } .container_12 .grid_12 { width: auto; } #news { border-left: none; } }