html, body {
	display: block;
	height: 100%;
}

html {
	background-color: #1c3b60;
}

body {
	background: url("pattern_bg.png") repeat-y top left;
}

.full-page { display: block; width: 100%; }

.content { display: block; padding: 200px 50px 100px 650px; }
.content .logo { margin-bottom: 50px; }
.content .title { margin-bottom: 50px; }
.content .title h2 { margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 36px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; }
.content .title h3 { margin: 0; padding: 0; font-family: 'Roboto Slab', serif; font-size: 16px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ca6d51; }
.content .content-text { margin-bottom: 50px; }
.content .content-text h3 { margin: 0; padding: 0; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ca6d51; }
.content .content-text p { font-family: 'Roboto Slab', serif; font-size: 14px; color: #FFFFFF; line-height: 20px; font-weight: 300; }
.content .cards h3 { display: block; margin: 0 0 0 0; padding: 0; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ca6d51; }
.content .cards .card-content { display: block; float: left; margin-top: 20px; min-width: 180px; }
.content .cards h4 { display: block; margin: 0 0 10px 0; padding: 0; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffffff; }
.content .cards .card-content p { margin: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; color: #FFFFFF; line-height: 18px; font-weight: 300; }

@media (max-width: 1199px) {
	body { background: url("pattern_bg.png") repeat-y -180px top; }
	.content { display: block; padding: 160px 50px 100px 500px; }
}
@media (max-width: 991px) {
	body { background: url("pattern_bg.png") repeat-y -320px top; }
	.content { display: block; padding: 150px 50px 100px 350px; }
}
@media (max-width: 767px) {
	body { background: url("pattern_bg.png") no-repeat center -700px; }
	.content .title h2 { font-size: 30px; }
	.content { display: block; padding: 330px 80px 50px 80px; text-align: center; }
	.content .cards .card-content { display: inline-block; float: none; }
}
@media (max-width: 467px) {
	.content { padding: 330px 20px 50px 20px; }
}