/* Mobile */

DIV.phoneBanner{
	display:none;
}

.toggle-menu {
	color:#FFFFFF;
}

.page-wrap {
 float: right;
 width: 100%;
 transition: width 0.3s ease;
}

.main-nav-check {
 display: none;
}

.main-nav {
 position: fixed;
 top: 0;
 width: 0;
 height: 100%;
 background: #CCCCCC;
 overflow: hidden;
 transition: width 0.3s ease;
}
.main-nav a {
 display: block;
 background: linear-gradient(#DDDDDD, #EEEEEE);
 border-top: 1px solid #DDDDDD;
 border-bottom: 1px solid #EEEEEE;
 color:333333;
	font-size:3vh;
	line-height:7vh;
	height:9%;
	text-transform:uppercase;
	font-family:GillSans,Lao UI,LaoUI,Helvetica, sans-serif;
}
.main-nav a:hover,
.main-nav a:focus {
 background: linear-gradient(#DDDDDD, #EEEEEE);
}
.main-nav:after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 34px;
 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.close-menu {
 display: none;
}

#main-nav-check:checked + #main-nav {
 width: 75%;
}

#main-nav-check:checked ~ .page-wrap {
 width:100%;
}
#main-nav-check:checked ~ .page-wrap .open-menu {
 display: none;
}
#main-nav-check:checked ~ .page-wrap .close-menu {
 display: block;
}


/* Not Tablet (PC)*/

@media only 
screen and (min-device-width : 1025px){
	.siteWidth,
	.siteMinWidth{
		min-width:900px;
	}
}
@media only screen 
	and (max-width : 1400px){
	DIV.banner DIV.bannerImage IMG.cover{
		display:none;
	}
}
@media only screen 
	and (max-width : 1100px){
	.siteWidth,
	.siteMinWidth{
		min-width:980px;
	}
}

/* Tablet */

@media only 
screen and (min-device-width : 768px) 
			 and (max-device-width : 1024px) 
			 and (orientation : landscape),
screen and (min-device-width : 768px) 
			 and (max-device-width : 1024px) 
			 and (orientation : portrait){

}

@media only 
screen and (min-device-width : 766px) 
			 and (max-device-width : 1024px) 
			 and (orientation : landscape){
}
	
/* Mobile */

@media only 
screen and (max-device-width : 765px) 
			 and (orientation : landscape),
screen and (max-device-width : 765px) 
			 and (orientation : portrait){
				 
	DIV.footer DIV.footerSectionAbout{width:45%; margin:0px 2.5% 0px 2.5%;}
	DIV.footer DIV.footerSectionContact{width:45%; margin:0px 2.5% 0px 2.5%;}
	DIV.footer DIV.footerSectionCopyright{width:90%; margin:0px 5% 0px 5%;}
}


@media only 
screen and (max-device-width : 765px) 
			 and (orientation : portrait){
	BODY,TD,TH,DIV,P,H1,H2,H3,H4,H5,H6,SELECT,OPTION,FIELDSET,DL,DT,DD,UL,OL,LI {
		font-size:28px;
	}

	.mobileShow{
		display:block;
	}
	
	.mobileHide{
		display:none;
	}
	
	DIV.width1-2{	width:100%;}
	DIV.width1-3{	width:100%;}
	DIV.width2-3{	width:100%;}
	DIV.width1-4{	width:100%;}
	DIV.width3-4{	width:100%;}
	
	DIV.content H1{
		text-align:center;
	}
		
	DIV.header{
		height:14.9em;
		background-image:none;
	}

	DIV.header DIV.logo{
		background-size:auto 100%;
		height:10em;
	}

	DIV.body DIV.content{
		margin:0px 5% 2em 5%;
		width:90%;
	}
	
	DIV.quote{
		width:100%;
	}
	
	
	DIV.footer DIV.footerSectionAbout{
		width:90%; margin:0px 5% 0px 5%;
		background-image:none;
		padding-bottom:20px;	
	}
	
	DIV.footer DIV.footerSectionContact{
		width:90%; margin:0px 5% 0px 5%;
		background-image:url(../images/footer/logo.png);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-bottom:12em;	
		background-size:100% auto;
	}
	
	DIV.footer DIV.footerSectionCopyright{width:90%; margin:0px 5% 0px 5%;}

	DIV.footer UL LI.email,
	DIV.footer UL LI.house,
	DIV.footer UL LI.landline,
	DIV.footer UL LI.mobile{
		background-size:1.2em;
	}
	DIV.banner{
		display:none;
	}
	DIV.header{
		border-bottom:1em solid #5a3169;
	}
}