﻿.page .container {
    /* Change the maximum width of the grid here */
    max-width: 1600px;
	   
}

img {
 max-width: 100%;
 height: auto;
  margin-left: auto;
  margin-right: auto;
  
}

.page .heropic1 {
		background-image: none;			
}
.page .paddingright40 {
	padding-right: 40px;
}
.page .center {
	text-align: center;
}

/* Style all typographical elements nested within .page */

.page h1 {
 font-family: 'Fredericka the Great', cursive;
  font-size: 30px;
 color: #000;
}
.page h2 {
 font-family: 'Fredericka the Great', cursive;
 font-size: 24px;
 color: #000;
}
.page h3 {
 font-family: 'Squada One', cursive;
 font-size: 20px;
 color: #000;
}

.page .bodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #000;
	font-size: 22px; 
}
.page .smallbodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #000;
	font-size: 16px; 
}

.bodytext ul{
padding: 0px;	
}

.bodytext li{
list-style-image: url(/images/bullet.png);
	list-style-position: inside;
    padding-left: 20px;
    text-indent: -28px;	
    line-height: 30px;
}


.page .redsubhead {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #E73D3E;
	font-size: 28px; 
}


.page .red {
	background-color: #E73D3E;
	height: 24px;
}


/* Larger than mobile */
@media (min-width: 400px) {
.page .heropic1 {
		background-image: none;			
}


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.page .heropic1 {
		background-image: none;			
}


}

/* Larger than tablet */
@media (min-width: 750px) {
.page .heropic1 {
		background-image: url(/images/checkerplate.jpg);
			background-repeat: no-repeat;
		min-height: 600px;
		margin: 0 auto;
		background-color: #D6D8E2;
}


}

/* Larger than desktop */
@media (min-width: 1000px) {

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

}