@charset "UTF-8"; html { background: white; height:100%; } body { background: white; width: 100%; height:100%; color: #6C5540; margin: 0px; padding: 0px; font-family: 'Muli', sans-serif; font-weight: 200; font-size: 24px; line-height: 38px; } .bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-image: url(http://abigailsnursery.co.uk/assets/bg.jpg); background-position: center center; -webkit-background-size: cover; background-size: cover; } .sidebox { position: relative; float: right; width: 450px; min-height: 100vh; background: white; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sidebox-top { padding: 50px 30px 0; } .main-text { display: block; padding: 50px 0 0; } .stand-text { display: block; font-weight: 600; padding: 30px 0 0; } .collaboration-text { display: block; padding: 50px 0 10px; font-size: 18px; } img { max-width: 100%; height: auto; } .mailchimp-form { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 50px 15px; background: #F3F3F3; } .mailchimp-form h2 { font-size: 22px; line-height: 32px; font-weight: 400; } body #mc_embed_signup .mc-field-group input, body input { width: 100%; height: 50px; border: 0 !important; margin-bottom: 30px; padding: 0 20px; font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body #mc_embed_signup .button, body input[type="submit"] { width: auto; height: 50px; background: #5D737B; color: white; padding: 0 20px; font-size: 18px; font-weight: 200; } body #mc_embed_signup { background: none; } .indicates-required { display: none; } @media only screen and (max-height: 960px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 960px), only screen and (min-resolution: 192dpi) and (max-height: 960px), only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 960px) { .mailchimp-form { position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-top: 30px; } } @media only screen and (max-width: 840px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 840px), only screen and (min-resolution: 192dpi) and (max-width: 840px), only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 840px) { .sidebox { width: 320px; padding: 40px 20px 0; } } @media only screen and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px), only screen and (min-resolution: 192dpi) and (max-width: 600px), only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 600px) { .bg { bottom: 65vh; background-position: left center; } .sidebox { width: 100%; padding: 40px 0px 0; margin-top: 35vh; } }