/* CSS Document for Screens */
/*@import has to be the first line in the css file */

/*  Section - aboutaboutAtmosphere */

section.aboutAtmosphere { padding-top: 20px; padding-bottom: 30px; color: #000; }
section.aboutAtmosphere article { 
	margin: 0 300px 0 0; 	 
}
section.aboutAtmosphere img { position:relative; border:1px solid #942709; float:right; margin:0 0 10px 0;}
section.aboutAtmosphere .img2 { display:none;}
section.aboutAtmosphere .img3 { display:none;}
section.aboutAtmosphere .img4 { display:none;}
section.aboutAtmosphere article a.text:hover { color: #f8990b; text-decoration: underline; }


/* Media Queries */

@media screen and (max-width:1000px) {
	
	/* Section - aboutAtmosphere */
	
	section.aboutAtmosphere .img2 { display:inline-block; clear:right;}

}

@media screen and (max-width:890px) {
	
	/* Section - aboutAtmosphere */
	
}

@media screen and (max-width:760px) {
	
	section.aboutAtmosphere .img3 { display:inline-block; clear:right;}

}

@media screen and (max-width:690px) {

	/* Section - aboutAtmosphere */
	
}


@media screen and (max-width: 600px) {

section.aboutAtmosphere article { clear:both; margin:0;}
	section.aboutAtmosphere .img1 { display:none;}
	section.aboutAtmosphere .img2 { display:none;}
	section.aboutAtmosphere .img3 { display:none;}
	section.aboutAtmosphere .img4 { margin: 0 auto 10px auto; width:100%; float:none; display:block;}
}