body { margin: 0; padding: 0; font-family: 'Open Sans', arial, helvetica, sans-serif; }
h2, p { font-size: 17px; line-height: 1.4em; margin: 0; }

h1 { float: left; width: 100%; background: url(../landing/logo.gif) no-repeat center 0; height: 50px; text-indent: -5000px; margin: 0 0 30px 0; }

#wrapper { float: left; width: 100%; background: url(../landing/soon-top.gif) no-repeat center bottom #252525; text-align: center; }
#wrapper * { color: #bcb3a6; }

#content { width: 360px; margin: 0 auto; padding: 180px 50px 90px 50px; }

#wrapper-btm { float: left; width: 100%; height: 150px; background: url(../landing/soon-btm.gif) no-repeat center 0; }

form { width: 100%; float: left; padding: 20px 0 80px 0; }
form p { float: left; width: 45%; position: relative; margin: 0 1% 10px 0; color: #000!important; }
form label { float: left; width: 100%; color: #7f7f7f; text-align: left; font-size: 13px; font-style: italic; }
form .input { float: left; width: 90%; padding: 5px; -moz-border-radius: 4px; border-radius: 4px; border: none; color: #000!important; }
.align-right { float: right; padding-top: 24px; }

/* -----------------------------------------------------
   MEDIA QUERIES
------------------------------------------------------ */

@media screen and (max-width: 1024px) {
    #content { padding: 120px 50px 90px 50px; }
    #wrapper-btm { height: 100px; }

}
@media screen and (max-width: 800px) {
    #content { padding: 50px 50px 90px 50px; }
    #wrapper-btm { height: 100px; }
}
@media screen and (max-width: 550px) {
    h1 { background: url(../landing/logo-sm.gif) no-repeat center 0; height: 40px; margin: 0 0 20px 0; }
    h2, p { font-size: 15px; }
    #content { width: 80%; padding: 50px 10% 90px 10%; }
    #wrapper-btm { width: 100%; }
    form p { width: 100%; }
    form .input { width: 96%; }
    .align-right { padding-top: 0; }
}