body {
padding: 0;
margin: 0;
font-family: 'Signika', sans-serif;
}

.logo {
display: block;
width: 200px;
height: 180px;
background-image:url(logo.png);
text-indent: -9999px;
margin: 0 auto;
}

.container {
max-width: 960px;
margin: 20px auto;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.intro {
width: 300px;
padding-right: 20px;
float: left;
text-align: center;
}



.build-form {
text-align: left;
}
.build-form strong {
font-size: 110%;
}

.build-form input {
width: 280px;
margin-bottom: 10px;
padding: 10px;
}

.main {
width: 640px;
float: left;
}

.share-row {
margin-top: 20px;
height:65px;
}

.button {
padding: 14px;
border-radius: 4px;
background: #222;
color: #fff;
display: inline-block;
font-size: 130%;
margin-right: 20px;
box-shadow: inset 0 -4px 12px 2px rgba(0,0,0,0.1);
text-decoration: none;
    vertical-align:top;
border: 0;
}

.button:hover {
box-shadow: inset 0 4px 12px 2px rgba(0,0,0,0.1);
}

.button-yellow {
background: #feeb1a;
color: #000;
}

.twitter-share {
display: inline-block;
vertical-align: top;
}

footer {
padding: 12px;
color: #fff;
font-size: 120%;
background-color: #CB0000;
border-radius: 4px;
box-shadow: inset 0 -4px 12px 2px rgba(0,0,0,0.2);
}

footer a {
font-weight: 700;
color: #fff;
text-decoration: none;
}

footer a:hover {
text-decoration: underline;
}

@media only screen and (max-width: 980px) {
.intro {width: 100%;padding: 20px; box-sizing:border-box;}
.logo {float: left; margin-right: 20px;margin-bottom: 20px;}
.main {
width: 640px;
float: none;
margin: 0 auto;
}