html { overflow-x: hidden; } body { background-color:#ccc; height:100%; } .group1 { display:block; } .monk { z-index:1001; float:left; padding-top:3%; } .group2 { clear: both; display:block; color:#000; font-size:14px; } .span_2_of_4 { width: 49.2%; } } @media only screen and (max-width: 769px) { .monk { z-index:1001; float:left; padding-top:2%; padding-bottom:5%; } .group1:before, .group1:after { content:""; display:table; } .group1:after { clear: left;} } @media only screen and (max-width: 680px) { .span_2_of_4 { width: 100%; } }
r