/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/






#phone {
font-size: 1.9em;
font-weight:bold;
margin: 34px 0;
color: #4e8787;
float: right;
font-family:garamond,georgia;
line-height:25px;
text-align:center;


}

#phone a {
font-size: 0.5em;
font-weight:light;
margin: 20px 0;
color: #4e8787;


}

#phone .social-media {
height:40px;
color: #4e8787;




}

#phone .separator {
    margin: 0 0.6em;
	float:left;
}


/* 4.1 Slider */
#slider-frame {max-width:960px; min-height:340px !important; width:100%; margin:0 auto; padding:7px 0px; border-right:3px solid; border-bottom:3px solid; color:#fff;}
#slider {max-width:946px;  margin:0px 7px; clear:both; color:#fff; width:100%;

/*min-height:340px !important;*/

}

/* for IE */ #slider img, #slider a, #slider a img, #slider {height:340px !important; max-width:946px; width:100%; background-size:100% 100% !important;}

/* 4.2 Beneath Slider */
#beneath-slider {max-width:940px; width:100% margin:11px auto 4px; text-align:left;}
	/* Chrome */ body.chrome #beneath-slider {margin-bottom:-5px; margin-top:15px;}
#beneath-slider p {font-size:14px; text-align:left; margin-bottom:0px; font-weight:bold;}
#beneath-slider li {list-style-type:none; text-align:left;font-size:13px;}
#beneath-slider li a {text-decoration:none;}
#beneath-slider li a:hover span.twitter-text {border-bottom:1px dotted;}
span.storefront-twitter-icon {font-size:24px; line-height:0; padding-right:10px; max-height:16px; max-height:24px; position:relative; top:4px;}
	/* Chrome */ body.chrome span.storefront-twitter-icon {top:-2px;}
@media (max-width:768px) {
#slider{margin:0px !important;}	
#slider-frame{border:0px !important;}	
#beneath-slider p img{margin:10px 0;}

	}	

@media (max-width:640px) {	
#slider img, #slider a, #slider a img, #slider{height:220px !important; }	
#slider-frame{min-height:inherit !important; }
#beneath-slider img {
    margin: 0 0 13px;
}

}

@media (max-width:480px) {
	#slider img, #slider a, #slider a img, #slider{height:180px !important; }	
	}

@media (max-width:360px) {	
#slider img, #slider a, #slider a img, #slider{height:120px !important; }	
#slider-frame{padding:7px 10px; max-width:940px;}
}

@media (max-width:320px) {	
#slider img, #slider a, #slider a img, #slider{height:120px !important; }	
}