body, html {background-color:#f1f1f2;}
body {min-width:400px;}
.container {max-width:760px; min-width:320px; padding:0; margin:0 auto;}
h1, h2, h3, h4 {color:#282729; font-weight:normal;}
h3#signup {font-size:20px;}
form fieldset label {color:#282729; font-weight:normal; font-size:15px;}
p {color:#282729;}
section[role="main"] {background-color:transparent; padding:0;}
input#email, input[type="text"], textarea {width:100%;}
header { background-color:#171717; padding:5px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1); margin-bottom:30px;}
#mandrill-logo {margin:0 auto; line-height:0;}
#mandrill-logo img {margin:0; width:140px;}
strong {color:#f1f1f1;}
ul li {font-size:14px;}
#setup {padding-left:36px; background:url(/img/icons/settings-32.png) left 2px no-repeat;}
#analytics {padding-left:36px; background:url(/img/icons/analytics-32.png) left 2px no-repeat;}
#features {padding-left:36px; background:url(/img/icons/check-32.png) left 2px no-repeat;}
.row .span4 {width:28.914893614%; margin-left:6.5%;}
.above5 {margin-top:5px !important;}
input#password.invalid, input#email.invalid {border-radius:3px 3px 0 0;}
#canary {position:absolute; z-index:-1; height:0; width:0; opacity:0; }
#footer {text-align:center;}
.colophon {font-size: 12px; color: #999;}

@media screen and (max-width: 550px) {
	.container {width:100%; padding:0 10px;}
    .container .span8 {width:100%; margin-left:0;}
}