/* Structure */

#wrap {
	padding: 20px;
	float: left;
	font-family: 'Roboto', sans-serif;
	color: #222;
}

#wrap img {
  float: left;
}

#wrap #content {
  float: left;
  width: 370px;
  padding-left: 30px;

}

/* CONTENT */

#wrap #error-line {
  font-weight: 700;
  margin-bottom: 40px;
  font-size: 18px;
}

#wrap #content p {
  line-height: 1.5em;
  margin-bottom: 40px;
  font-size: 1.188em;
}

#wrap h1 {
  font-size: 5em;
  border-bottom: solid #ddd 1px;
  padding-bottom: 40px;
  margin: 50px 0px;
  float: none;
}

#wrap, #wrap img, #wrap button{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* BUTTONS */

#wrap button {
  background: #0066cc;
  border: none;
  outline: none;
  color: white;
  padding: 13px 20px 13px 20px;
  margin: 0px 0px 20px 0px;
  font-size: 16px;
  width: 100%;
}

#wrap button:hover {
  background: #63177a;
}


@media all and (max-width: 768px) { #wrap img { width:  320px; } }
@media all and (max-width: 450px) {
  #wrap h1 { font-size: 3em; padding-bottom: 30px; margin: 30px 0px; }
  #wrap { padding: 5px; }
  #wrap img { display: none } 
}