* { 
	box-sizing: border-box;
}

body {
	background-color: #d8e9f3;
	background-image: url("images/bg_blue.png");
	background-repeat: repeat;

}

.content {
	margin: auto;
	max-width: 960px;
	width: 100%;
}

.copy {
	background-color: #fff;
	padding: 3em 0em 3em 3em;

}

footer {
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
	padding: 1.5em;
}

footer p {
	color: #666;
	font-size: 12px;
	margin: auto;
	text-align: center;
}

h1 {
	font-family: 'Rokkitt', serif;
	max-width: 650px
}

.header {
	padding-top: 50px;
	height: 100px;
	margin: 0 auto;
}

.header img {
	display: block;
	height: auto;
	max-width: 100%;
	padding-left: 20px;
	position: absolute;
	top: 20px;
	z-index: 100;
}

p {
	color: #373737;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	max-width: 650px;
	bottom-padding: 10px;
}

.redbar {
	background: -webkit-linear-gradient(#9b3a3c, #8a171a);
	background-color: #8a171a;
	width: 100%;
	height: 50px;
}


@media only screen and (max-width: 700px) {
  .content {
  	width: 100%;
  }

  .copy {
  	padding: 3em;
  }

  .copy h1{
  	font-size: 2.5em;
  }

  .copy p {
  	font-size: 18px;
  }
}