@import "reset.css";

@import "1224.css";

/*////////////////////////////////////////////////////////////////////*/
/*
  Master CSS ~ Client Name
  Developed by Lyle Hebel @ Massive
*/

body{
	font-family: 'Oswald', sans-serif;
	background: #f5f5f5;
}

p{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 20px;
}

a{
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 24px;
		color: #b9374a;
		font-weight: 600;

}

h1{
	font-family:   'Oswald', sans-serif;
	text-align: center;
	color: #b9374a;
	font-size: 60px;
	line-height: 60px;
}

h2{
	font-family:   'Oswald', sans-serif;
	text-align: left;
	color: #b9374a;
	font-size: 30px;
	line-height: 36px;
	padding: 10px 20px;
}

.red_bar{
	width: 100%;
	min-height: 20px;
	overflow: hidden;
	background-image: url("../img/am-bar.jpg");
	background-repeat: repeat-x;
	padding: 16px: 0px;
}

.blue_bar{
	width: 100%;
	min-height: 40px;
	overflow: hidden;
	background: #424868;
	padding: 16px: 0px;
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* ////////////////////////////////////////////////////////////////////*/
/* End of Master Elements
////////////////////////////////////////////////////////////////////*/
/*
Responsive Site Specific Layout Elements
*/
/* Break 1 ----------- */
@media only screen and (max-width : 360px) {

	/* Styles */

}

/* Break 2  ----------- */
@media only screen and (min-width : 361px)
and (max-width : 450px) {

	/* Styles */

}

/* Break 3 ----------- */
@media only screen and (min-width : 451px)
and (max-width : 580px) {

	/* Styles */

}

/* Break 4 ----------- */
@media only screen and (min-width : 581px)
and (max-width : 767px) {

	/* Styles */

}

/* Break 5 ----------- */
@media only screen and (min-width : 768px)
and (max-width : 1023px) {

	/* Styles */

}

/* Break 6 ----------- */
@media only screen and (min-width : 1024px)
and (max-width : 1223px) {

	/* Styles */

}

/* Break 7 ----------- */
@media only screen
and (min-width : 1224px) {

 	/* Styles */
}

/* Use these if you want to Swap Content Based on Pixel Ratio ----------- */

/* iPhone 4 & 4s ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {

	/* Styles */

}

/* Retnia Devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2.0),only screen and (min-device-pixel-ratio : 2.0) {

	/* Styles */

}