/*!
 * This file is the custom styles that overwrite the base Bootstrap settings were needed
 */
 
 

 
/*------------------------------- FOOD SAFETY ---------------------------------*/ 
.food-safety-body-bg h2 {
	font-family: "VinylOT-Regular", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	text-transform: uppercase;
}
.food-safety-body-bg h3 {
	font-family:"Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	text-transform: uppercase;
	margin: 2em auto 0.25em auto;
	line-height: 1.3em;
}
.food-safety p {
    line-height: 1.7
}
.food-safety-body-bg {
	background-color: #f4f2ec;
	padding: 3em;
}
.call-to-action {
	font-family: 'Avenir LT W01_65 Medium Oblique', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #e8a62d;
	margin: 2em auto;

}
.bolder {
	font-family:"Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
}
.food-safety-header {
	background-color: #b9b5ac;
	text-align: center;
	height: 237px;
}
.food-safety-header h1 {
	text-align: center;
	padding-top: 2em;
	color: #faf9f7;
	font-size: 4.25em;
	font-family: VinylOT-Regular, sans-serif;
	text-transform: uppercase;
}
.food-safety-body-bg h2 {
	color: #362b13;
	font-size: 2.0em;
	font-family: VinylOT-Regular, sans-serif;
	text-transform: uppercase;
}





/*-------------------------------  MEDIA SIZE STYLES ---------------------------------*/

@media (max-width: 480px) {
.food-safety-body-bg {
	padding: inherit;
}
}

@media (max-width: 767px) {
	
.food-safety-header {
	background-color: #b9b5ac;
	text-align: center;
	height: 130px;
}
.food-safety-header h1 {
	padding-top: 57px;
	font-size: 2.5em;
}
.food-safety p {
    font-size: 1.10em;
}
}

@media (max-width: 992px) {
	
}

@media (max-width: 1200px) {
	
}

@media (min-width: 0px) {

}

@media (min-width: 480px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
