@charset "UTF-8";
html,body{color:white;background-color:#505057;padding: 0;margin: 0;font-size:1rem;} a{text-decoration:none;color:white;}

@media only screen and (max-width : 600px ){
	.site-head {
		display:flex;flex-direction:column;background-color:#595961;}
	.title-head-containers{
		width:100%;height:50px;text-align: center;font-size:.75rem;}
	
	.nav-head-wrapper{
		display:flex;
		flex-direction: row;
		align-content: stretch;
		justify-content: flex-start;
		width:100%;
		height:25px;
	}
	.nav-head-containers{
		text-align: center;
		padding:3.25px 10px;
	}
	.nav-head-containers a{
		text-align: center;
		text-decoration:none;
		padding:3.25px 10px;
		color:white;
	}
	.nav-head-containers a:hover{
		text-align: center;
		padding:3.25px 10px;
		background-color:#505057;
	
	}
	
	.sub-head-wrapper {
		display:flex;
		flex-direction:row;
		
	}
	.sub-head-containers{
		font-size:.75rem;
		padding:0px 10px;
		height:50px;}
	
	.sub-nav{
		display:flex;
		height:25px;
		align-items:center;
		background-color:#595961;}
	
	.sub-nav-containers{
		flex:0,0,auto;
		height:25px;}
	
	.sub-nav-containers button{
		border: none;
		color:white;
		background-color:transparent;
		font-family: "Times Roman";
		font-size: .5rem;
		height:25px;
		padding: 0 10px;
		width: fit-content;
	
	}
	.sub-nav-containers button:hover{
		background-color:#505057;
	}
	.sub-nav-containers button.active{
		background-color:#A296A3;
	}
	
	.divMedia {
		display: none;
		padding:30px 20px;
		margin:0%;
		font-size:.75rem;
		background-color:#A296A3;}
	
	.divMedia ul{
		margin: 0;
 		padding: 0;
	}
	.divMedia li{
		list-style-type:none;
	}
	.mediaWrapper {display:none; }
}




@media only screen and (min-width : 601px ){
	.site-head{
		display: flex; 
		flex-direction: row;
		height:50px;
		align-content: stretch;
		background-color:#595961;}
	.title-head-containers{
		flex:0,0,auto;
		padding-left:25px;
		padding-right:15px;}
	.title-head-containers h2 {
		margin:0;
		line-height:50px;}	
	.nav-head-wrapper{
		display:flex;
		flex:1;
		height:50px;
	}
	.nav-head-containers{
		text-align: center;
		justify-content:center;
	}
	.nav-head-containers a{
		line-height:50px;
		text-decoration:none;
		padding:15.75px 20px;
		color:white;
	}
	.nav-head-containers a:hover{
		background-color:#505057;
		padding:15.75px 20px;
	}
	
	
	.sub-head-wrapper {
		display:flex;
		flex:1;
		flex-direction:row;
		
	}
	.sub-head-containers{
		font-size:1rem;
		padding:0px 25px;
		height:50px;}
	
	.sub-head-containers h2, h3{
		margin-top:0;
		margin-bottom:0;
		line-height:50px;}
	
	.sub-nav{
		display:flex;
		height:25px;
		align-items:center;
		background-color:#595961;}
	
	.sub-nav-containers{
		flex:0,0,auto;
		height:25px;}
	
	.sub-nav-containers button{
		border: none;
		color:white;
		background-color:transparent;
		font-family: "Times Roman";
		font-size: .75rem;
		height:25px;
		padding: 0 25px;
		width: fit-content;
	
	}
	.sub-nav-containers button:hover{
		background-color:#505057;
	}
	.sub-nav-containers button.active{
		background-color:#A296A3;
	}
	.divMedia {
		display: none;
		flex-wrap:nowrap;
		padding:30px 20px;
		margin:0%;
		font-size:1rem;
		background-color:#A296A3;}
	.divMedia ul {
		display:none;
	}
	
	.mediaWrapper {
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		background-color:none;
		width:100%;
		height:auto;
	}
	.mediaContainer {
		display: flex;
   		justify-content: flex-start;
		flex: 0 0 150px;
		background-color:none;
		margin:8px 25px;
		min-width:auto;
		max-height:237.59px;
		
	}
	.mediaContainer img{
		max-width:150px;
		
	}

}