/* 
	Styles for Lincoln Lake RV Park
	Author: Brent Leavitt
	
*/

.wrap > *{
	display: flex;
	max-width: 1000px; 
	margin: 0 auto; 
	padding: 40px 20px; 
}

.wrap > * > div{
	margin: 20px; 
	
}

#header{
	background: #f8f8f8 ;
	
}

.wrap > header {
	padding: 10px; 
	
}

header div{
	
	
}
header div{
	
	
}

#title{
	width: 34%;
	margin: 0; 
}

#title h1{
	font-size: 2.4em;
	line-height: .45em;
	text-align: center;
	margin: 
}

#title h1 sub{
	font-size: .5em;	
}

#title h2{
	font-size: 1.2em;
	text-align: center;
	color:  #485462;
	margin: 5px 0 10px;
	line-height: .9em;
	
}

#action{
	width: 66%;
	text-align: right;
	color:  #485462;
}

#action p{
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0;
	
}

#action p a{
	color: #2E4A11;
	font-size: 1.15em;
	
}

#upper{
	background: #485462; 
	color:#CDCDCB; 
}

#welcome p strong{
	font-size: 1.2em;
}

#middle{
	background: #CDCDCB;
	
}

#lower{
	background: #2E4A11;
	color:#CDCDCB;
}



#gallery{
	background: #A2B2C2;
	
}

#gallery #photos{ 
	display: flex;
	justify-content: space-between;
	width: 100%;
}


#gallery #photos div{ 
	width: 33%;
	display: flex;
	justify-content: center;
}

#gallery #photos img{ 
	max-height: 239px;
	border: 6px solid #f8f8f8;
	box-shadow: 3px 3px 6px #444 ;
}

#footer{
	background: #1A2C05;
	color:#CDCDCB;  
}

#footer footer{
	width: 100%;
	display: block;
	
}

#footer footer #footer_stuff{
	width: 100%;
	display: flex; 
	justify-content: space-between;
}

#footer_stuff > div{
	width: 32%;
	
}

#footer_photo {
	text-align: center;
	margin: 20px 0;
	transform: rotate( -7deg );
	background: #f8f8f8;
	padding: 15px 0 0;
	color: #444;
}

#footer_photo img{
	width: 80%;
	height: auto;
	margin: 0 auto;
}

#footer_photo p{
	margin: 3px;
	
}

#contact{
	font-size: 1.2em;
}

#contact p span{
	font-size: 1em;
}

#footer a{
	color: #f8f8f8;
	
}

#copyright{
	text-align: right;
	
}

@media only screen and ( max-width: 920px ){
  .wrap > *,
  #gallery #photos,
  #gallery #photos div,
  #footer footer #footer_stuff {
   
	display: block;
	
  }
  
  #title,
  #action,
  #footer_stuff > div,
   #gallery #photos div {
      width: 100%;
      margin: 0 0 10px 0;
    }
	
	
	#main_image img,
	#middle_img img{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	header p{
		text-align: center;
		
	}
	
	.wrap > * > div{
		margin:0; 
	}	
	
	#map{
		width: 100%;
		overflow: hidden;
	}
	
	#gallery #photos img{
		max-width: 95%;
	}
	
	#footer{
		overflow: hidden;
		width: 100%;
		padding: 0; 
		margin: 0; 
	}
	
	#footer footer{
		
		overflow: hidden;
		width: 100%;
	
	}
	
	#footer_stuff{
		
		width: 100%;
	}
	
	#footer_stuff > #footer_photo{
		margin: 40px 0px 50px -20px;
		
		
	}
	
	
	#footer_photo img{
		width: 80%;
		height: 80%;
	}
		
		
	#copyright{
		width: 100%; 
		text-align: left;
		margin-top: 40px;
	}
}

/* @media (max-width: 400px) {
  .wrap > *,
  #gallery #photos,
  #gallery #photos div,
  #footer footer #footer_stuff {
   
	display: block;
	
  }
  
  #title,
  #footer_stuff > div,
   #gallery #photos div {
      width: 100%;
      margin: 0 0 10px 0;
    }
}
 */