head{
padding							: 0;
	margin							: 0;
}

body{
	
	 
	 padding:0;margin:0;overflow: scroll;
    overflow-x: hidden;
	background:#56555b;
	color:#fff;
	font: 120% 'Open Sans', sans-serif;
}


#container{

	width:100vw;
}

#logo-container{
  display: flex;
  justify-content: center;
  align-items: center;	
  	height: 100vh;
	width:100vw; 
}



#logo{

	max-width:100%;
	max-height: 50vh
}



.full-width-image-container{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}






.full-width-image{width:100%;}

.half-width-image{width:50%;}

img{display:block;}



h3.testimonial{font:italic normal 36px/48px Georgia;}


h3{margin-top:2em}





.full-width-text-container{clear:both}





@media screen 

and (max-width:479px)				{
	
	.half-width-image{width:100%}
	
	
									}

@media screen 
and (min-width:480px) 
and (max-width:639px)				{
									}

@media screen 
and (min-width:640px) 
and (max-width:799px)				{
									}

@media screen 
and (min-width:800px) 
and (max-width:959px)				{
									}

@media screen 
and (min-width:960px) 
and (max-width:1159px)				{
									}

@media screen 
and (min-width:1120px) 
and (max-width:1279px)				{
									}

@media screen
and (min-width:1280px) 				{
									}











@media screen 

and (max-width:479px)				{
.full-width-text-container{width:90%;margin:5% 5% 15%;}	

	
	
									}

@media screen 
and (min-width:480px) 
and (max-width:959px)				{
	.full-width-text-container{width:84%;margin:0 8% 20%;}
	
	
	
									}

@media screen 
and (min-width:960px)
and (max-width:1279px)	 {
			.full-width-text-container{width:74%;margin:2% 13% 15%;							
}}

@media screen 
and (min-width:1280px){
	
				.full-width-text-container{width:50%;margin:3% 25% 5%;							

	
	
}

}




a {color:#fff}