/* CSS Document */

/*
iPhone 5 & 5S in portrait & landscape
iPhone 6, 7, & 8 in portrait & landscape 
iPhone X in portrait & landscape

*/

@media 
only screen and (min-width : 320px) and (max-width : 568px),
only screen and (min-width : 375px) and (max-width : 667px).
only screen and (min-width : 375px) and (max-width : 812px)
{
	
	#container{
		width:95%;
	}
	
	#container, .pageContainer{
		width: 100%;
	}
	
	.contentContainer div.photos img{
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	
	#logo{
		width:30%;	
	}
	
}

@media only screen and (max-width : 600px){
	header #clientLogin{
		margin-right:70px;
	}
}

@media only screen and (max-width:414px)   {
	
	.loyaltyColumns{
		flex-direction:column;	
	}
	
	.loyaltyColumns .loyalty{
		margin-left:0 !important;
		margin-bottom:10px;
	}
	
}

@media only screen and (max-width:320px)   {
	
	#repInfo{
		position:relative;
		margin-left:10px;
	}
	
	#logo{
		margin-left:10px;
	}
	
}