*{padding:0;margin:0}
html{height:100%}
body{background:#111667;color:white;text-align:center;font-family:sans-serif;font-weight:normal;font-size:18px;line-height:1.3;-webkit-font-smoothing:antialiased}
h1,h2{font-weight:bold;padding-bottom:.6em}
h1{font-size:48px;max-width:540px;margin:0 auto}
h2{font-size:18px}
p{margin:.6em 0}
a{color:inherit;text-decoration:inherit}
a:hover{text-decoration:underline}
.main{padding:200px 40px 40px;margin:10px auto;max-width:740px;background:transparent top center no-repeat;color:#fff}
.footer{width:100%;height:70px;line-height:70px;background:#fff;color:#b3b2b2}
.browsers{margin:50px -60px}
.browser-link{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;width:96px;margin:10px 30px;padding-top:106px;vertical-align:top;font-size:20px;color:white;text-decoration:none;background:0 0 no-repeat;font-family:ubuntu,sans-serif}
.browser-link:hover{text-decoration:underline}
.browser-firefox{background-position:0 0}
.browser-chrome{background-position:-96px 0}
.browser-safari{background-position:-191px 0}
.browser-opera{background-position:-287px 0}
.browser-ie{background-position:-384px 0}
@media only all and (max-width:760px){.browsers{margin:50px -20px}
.browser-link{margin:10px}
}
@media only all and (max-width:400px){.main{padding:200px 20px 20px}
.browsers{margin:50px 0}
}