/* these styles common for both front and interior pages ONLY on phone sizes */

@media only screen and (max-width: 767px) {
		
	/* phones  */
	
	/*
	Base values
	
	Paddings/margins from sides: 3%
	line-height for titles: 120%
	line-height for copy: 150%
	main titles: 1.4em
	subtitles: 1.2em
	normal text: 1.0em
	small text: 0.9em
	
	*/
		
	
	body.active #nav { margin-left: 0; margin-bottom: 0; width:80%; }
	
	
	#masthead_small h1{
		font-size:1.3em;	
		padding-top: 1em;
		font-weight: bold;
	}
	
			
	.mastheadbullets{
		font-size: 0.8em;
		/* padding: 2em 0 1em 0; */
		padding: 0 0 0 0;
		margin-left:6em;
	}
	
	
	.mastheadbullets li:first-child {
		/* font-weight: bold;
		display: block; */
		display: none;
	}
	
	.mastheadbullets li:first-child:before {
		content: none;
	}
	
	.mastheadbullets li a{
		color: inherit;	
		text-decoration: none;
	}		
	
	.mastheadbullets li:nth-of-type(1){display:inline;}
			
	#footer{
		background: #333;
		clear:both;
		width:100%;
		padding: 6% 0 0 0;
		overflow: hidden;	
	}
	
	#footer .link_column{
		float: none;
		margin: 3% 1.5%;
		padding: 0 1.5%;
		width: 43%;
		display: inline-block;
		vertical-align: top;		
	}
	
	#footer .link_column h3{
		color: white;	
		font-size: 1.2em;
		margin: 0.5em 0 1em 0.5em;
	}
	
	#footer .link_column ul{
		margin: 0.5em 0 1em 0.5em;	
	}
	
	#footer .link_column ul li{
		padding: 0.8em;	
	}
	
	#footer .link_column ul li a{
		color: #c5c5c5;
		text-decoration: none;	
	}
	
	#footer #social_media{
		clear:both;	
		margin: 3% 1.5%;
		padding: 0 1.5%;
	}
			
	#footer #social_media h3{
		color: white;	
		font-size: 1.2em;
		margin: 0.5em 0 1em 0.5em;
	}
	
	#footer #social_media img{
		float: left;
		padding: 3%;	
	}
	
	#footer #footer_bottom{
		clear: both;
		background: black;
		border-top: 1px solid #888;	
		overflow: hidden;
		padding: 3% 0;
	}
			
	
	#footer #footer_bottom ul li{
		display: inline;
		float: left;
		margin: 0.8em;
	}
	
	#footer #footer_bottom ul li a{
		color: white;
		text-decoration: none;	
	}
	
	#footer #footer_bottom #contact{
		clear: both;
		padding-top: 1.5em;	
	}
	
	
	#footer #footer_bottom #copyright p{
		color: #888;
		clear: both;
		font-size: 0.8em;
		float: right;
	}
} /*  end of @media screen and (max-width: 768px) */

/* special case for wider phones and phones in landscape */
@media only screen and (min-width: 500px) and (max-width: 767px) {
	
	/* removed 10/17/2018
	#masthead_small h1{
		font-size:1.8em;	
		padding-top: 0.6em;
		font-weight: bold;
	}	
	
	.mastheadbullets{
		font-size: 1.1em;
		padding: 1em 0 1em 0;
	}
	*/
}

@media only screen and (max-width:716px){
					
	.mastheadbullets li:nth-of-type(1){display:none;}
	.mastheadbullets li:nth-of-type(2):before{content: '\00a0';}
	.mastheadbullets li:nth-of-type(3):before{content: '\007C\00a0';}
	.mastheadbullets li:nth-of-type(4):before{content: '\007C\00a0';}
}