/*
BASE (MOBILE) SCREENS
These base styles apply to all screen sizes, but may be overridden on larger screns by the media query-driven styles that appear later in this file.
*/

#footer {
	background-color: #290000;
	padding: 1.5% 0;
	border-top: 2px solid #660000;
}

#contact {
	display: table-cell; 
	width: 32%;
	padding-left: 1.5%;
	border-right: 1px solid #660000;
}

#contact img  {
	width: 92%;
}

#eswh {
	display: table-cell; 
	width: auto;
	border-right: 1px solid #660000;
	text-align: center;
}

#eswh img  {
	width: 60%;
}

#phone {
	display: none;
}

#konar {
	display: table-cell; 
	text-align: center;
	width: 12%;
}

#konar img  {
	width: 91%;
}

#subfooter {
	font-size: 12px;
	background-color: #290000;
	padding: 0 0;
	border-top: 2px solid #660000;
	color: #660000;
}

#policy_links {
	text-align: center;
}



/*
PHONES in LANDSCAPE ORIENTATION
*/
@media only screen and (min-width: 500px) {

#contact {
	width: 30%;
	padding-left: 1.5%;
}

#contact img  {
	width: 90%;
}

#eswh {
	width: auto;
}

#eswh img  {
	width: 60%;
}

#phone {
	display: table-cell; 
	width: 18%; 
	color: #ebddb3;
	text-align: center;
	font-size: 9px; 
	line-height: 14px;
	vertical-align: middle;
	border-right: 1px solid #660000;
}

#konar {
	width: 10%;
}

#konar img  {
	width: 91%;
}

}




/*
TABLETS in PORTRAIT ORIENTATION
*/
@media only screen and (min-width: 700px) {

#contact {
	width: 30%;
	padding-left: 1.5%;
}

#contact img  {
	width: 90%;
}

#eswh {
	width: auto;
}

#eswh img  {
	width: 68%;
}

#phone {
	width: 16%; 
	font-size: 11px; 
	line-height: 21px;
}

#konar {
	width: 10%;
}

#konar img  {
	width: 91%;
}

} 




/*
TABLETS in LANDSCAPE & SMALLER LAPTOPS
This is the first appearance of the "desktop layout"
*/
@media only screen and (min-width: 964px) {

#contact {
	width: 30%;
	padding-left: 1.5%;
}

#contact img  {
	width: 88%;
}

#eswh {
	width: auto;
}

#eswh img  {
	width: 49%;
}

#phone {
	width: 15%; 
	font-size: 13px; 
	line-height: 21px;
}

#konar {
	width: 9%;
}

#konar img  {
	width: 91%;
}

}