@media only screen and (min-width:480px) { body { width: 100%; float: none; min-width: 960px; overflow: hidden; } .grid-container { margin-left: auto; margin-right: auto; width: 960px; } .grid-width-1, .grid-width-2, .grid-width-3, .grid-width-4, .grid-width-5, .grid-width-6, .grid-width-7, .grid-width-8, .grid-width-9, .grid-width-10, .grid-width-11, .grid-width-12 { float: left; margin-left: 10px; margin-right: 10px; } .grid-push-1, .grid-pull-1, .grid-push-2, .grid-pull-2, .grid-push-3, .grid-pull-3, .grid-push-4, .grid-pull-4, .grid-push-5, .grid-pull-5, .grid-push-6, .grid-pull-6, .grid-push-7, .grid-pull-7, .grid-push-8, .grid-pull-8, .grid-push-9, .grid-pull-9, .grid-push-10, .grid-pull-10, .grid-push-11, .grid-pull-11 { position: relative; } .grid-inrow-first { margin-left: 0; } .grid-inrow-last { margin-right: 0; } .grid-full { margin-left: 0; margin-right: 0; } .grid-container .grid-width-1 { width: 60px; float: left; } .grid-container .grid-width-1.grid-full { width: 80px; float: left; } .grid-container .grid-width-1.grid-width-full-small { width: 60px; } .grid-container .grid-width-2 { width: 120px; float: left; } .grid-container .grid-width-2.grid-full { width: 160px; float: left; } .grid-container .grid-width-2.grid-width-full-small { width: 120px; } .grid-container .grid-width-3 { width: 180px; float: left; } .grid-container .grid-width-3.grid-full { width: 240px; float: left; } .grid-container .grid-width-3.grid-width-full-small { width: 180px; } .grid-container .grid-width-4 { width: 240px; float: left; } .grid-container .grid-width-4.grid-full { width: 320px; float: left; } .grid-container .grid-width-4.grid-width-full-small { width: 240px; } .grid-container .grid-width-5 { width: 300px; float: left; } .grid-container .grid-width-5.grid-full { width: 400px; float: left; } .grid-container .grid-width-5.grid-width-full-small { width: 300px; } .grid-container .grid-width-6 { width: 360px; float: left; } .grid-container .grid-width-6.grid-full { width: 480px; float: left; } .grid-container .grid-width-6.grid-width-full-small { width: 360px; } .grid-container .grid-width-7 { width: 420px; float: left; } .grid-container .grid-width-7.grid-full { width: 560px; float: left; } .grid-container .grid-width-7.grid-width-full-small { width: 420px; } .grid-container .grid-width-8 { width: 480px; float: left; } .grid-container .grid-width-8.grid-full { width: 640px; float: left; } .grid-container .grid-width-8.grid-width-full-small { width: 480px; } .grid-container .grid-width-9 { width: 540px; float: left; } .grid-container .grid-width-9.grid-full { width: 720px; float: left; padding-bottom: 100px; } .grid-container .grid-width-9.grid-width-full-small { width: 540px; } .grid-container .grid-width-10 { width: 600px; float: left; } .grid-container .grid-width-10.grid-full { width: 800px; float: left; } .grid-container .grid-width-10.grid-width-full-small { width: 600px; } .grid-container .grid-width-11 { width: 660px; float: left; } .grid-container .grid-width-11.grid-full { width: 880px; float: left; } .grid-container .grid-width-11.grid-width-full-small { width: 660px; } .grid-container .grid-width-12 { width: 720px; float: left; } .grid-container .grid-width-12.grid-full { width: 960px; float: left; } .grid-container .grid-width-12.grid-width-full-small { width: 720px; } .grid-container .grid-height-1 { height: 60px; } .grid-container .grid-height-2 { height: 140px; } .grid-container .grid-height-3 { height: 220px; } .grid-container .grid-height-4 { height: 300px; } .grid-container .grid-height-5 { height: 380px; } .grid-container .grid-height-6 { height: 460px; } .grid-container .grid-height-7 { height: 540px; } .grid-container .grid-height-8 { height: 620px; } .grid-container .grid-margin-left { margin-left: 50px; } .grid-container .grid-margin-left-1 { margin-left: 80px; } .grid-container .grid-margin-left-2 { margin-left: 160px; } .grid-container .grid-margin-left-3 { margin-left: 240px; } .grid-container .grid-margin-left-4 { margin-left: 320px; } .grid-container .grid-margin-left-5 { margin-left: 400px; } .grid-container .grid-margin-left-6 { margin-left: 480px; } .grid-container .grid-margin-left-7 { margin-left: 560px; } .grid-container .grid-margin-left-8 { margin-left: 640px; } .grid-container .grid-margin-left-9 { margin-left: 720px; } .grid-container .grid-margin-left-10 { margin-left: 800px; } .grid-container .grid-margin-left-11 { margin-left: 880px; } .grid-container .grid-margin-right { margin-right: 50px; } .grid-container .grid-margin-right-1 { margin-right: 80px; } .grid-container .grid-margin-right-2 { margin-right: 160px; } .grid-container .grid-margin-right-3 { margin-right: 240px; } .grid-container .grid-margin-right-4 { margin-right: 320px; } .grid-container .grid-margin-right-5 { margin-right: 400px; } .grid-container .grid-margin-right-6 { margin-right: 480px; } .grid-container .grid-margin-right-7 { margin-right: 560px; } .grid-container .grid-margin-right-8 { margin-right: 640px; } .grid-container .grid-margin-right-9 { margin-right: 720px; } .grid-container .grid-margin-right-10 { margin-right: 800px; } .grid-container .grid-margin-right-11 { margin-right: 880px; } .grid-container .grid-margin-top { margin-top: 20px; } .grid-container .grid-margin-top-1 { margin-top: 80px; } .grid-container .grid-margin-bottom { margin-bottom: 20px; } .grid-container .grid-margin-bottom-1 { margin-bottom: 80px; } .grid-container .grid-push-1 { left: 80px; } .grid-container .grid-push-2 { left: 160px; } .grid-container .grid-push-3 { left: 240px; } .grid-container .grid-push-4 { left: 320px; } .grid-container .grid-push-5 { left: 400px; } .grid-container .grid-push-6 { left: 480px; } .grid-container .grid-push-7 { left: 560px; } .grid-container .grid-push-8 { left: 640px; } .grid-container .grid-push-9 { left: 720px; } .grid-container .grid-push-10 { left: 800px; } .grid-container .grid-push-11 { left: 880px; } .grid-container .grid-pull-1 { left: -80px; } .grid-container .grid-pull-2 { left: -160px; } .grid-container .grid-pull-3 { left: -240px; } .grid-container .grid-pull-4 { left: -320px; } .grid-container .grid-pull-5 { left: -400px; } .grid-container .grid-pull-6 { left: -480px; } .grid-container .grid-pull-7 { left: -560px; } .grid-container .grid-pull-8 { left: -640px; } .grid-container .grid-pull-9 { left: -720px; } .grid-container .grid-pull-10 { left: -800px; } .grid-container .grid-pull-11 { left: -880px; } .grid-container .grid-float-right { float: left; float: left !important; }
}