@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
	margin: 0;
	padding: 0;
	background-color: #222;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4 { font-family: 'Oswald', sans-serif; }
h1 { color: red; }
dt, dd { margin-top: 1em; }
.container, .header, .body-container, .footer {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.body-container {
	background-color: #fff;
	max-width: 1200px;
	min-width: 150px;
	margin: 0 auto;
	padding: 0;
	border-left: solid 3px red;
	border-right: solid 3px red;
}

.responsive-img {
	width: 90%;
	max-width: 650px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.container {
		padding: 1em;
}
.header {
	margin: 0;
	padding-top: 0;
	text-align: center;
}
.text-center {
	text-align: center;
}

.footer {
	background-image: url(../assets/footer.jpg);
	background-size:cover;
	width: 100%;
	height: 372px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
.dialog {
	text-align: center;
}
/* Phones */ 
@media only screen and (min-width : 480px) {

}

/* Tablets */
@media only screen and (min-width : 768px) {

}

/* Screens */
@media only screen and (min-width : 1200px) {

}