/* CSS Document for Screens */


/* resets */

*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



/*  Section - aboutlessonsAtmosphere */


section.lessonsAtmosphere { padding-top: 20px; padding-bottom: 30px; color: #000; }
section.lessonsAtmosphere article { 
	margin: 0 300px 0 0; 	 
}


section.lessonsAtmosphere div.testimonial { 
	margin: 4px 4px;
	padding: 7px 7px 7px 60px;
	background: rgba(255, 255, 255, .5 ) url(../images/quote.png) no-repeat left top;
	border:1px solid #942709; 	
	display: inline-block;
	position:relative;
	width:48%;
	height:100px;
	line-height: 80px;
}


section.lessonsAtmosphere article h3{
	color: #f06f2e;
}
section.lessonsAtmosphere article p.testimonial {
	color:#f06f2e;
	margin-bottom:2px;
	display: inline-block;
	vertical-align: middle;

}



section.lessonsAtmosphere img { position:relative; border:1px solid #942709; float:right; margin:0 0 10px 0; clear:right; display:block;}
section.lessonsAtmosphere .img4 { display:none;}
section.lessonsAtmosphere .img5 { display:none;}
section.lessonsAtmosphere .img6 { display:none;}
section.lessonsAtmosphere article a.text:hover { color: #f8990b; text-decoration: underline; }


/* Media Queries */

@media screen and (max-width:960px) {
	
	/* Section - lessonsAtmosphere */
	
	section.lessonsAtmosphere div.testimonial { 
	height:130px;
	line-height: 100px;
}

section.lessonsAtmosphere .img4 { display:inline-block;}

}

@media screen and (max-width:890px) {
	
	/* Section - lessonsAtmosphere */
	
	section.lessonsAtmosphere div.testimonial { 
	width:100%;
	height:80px;
	line-height: 20px;
	}

section.lessonsAtmosphere .img5 { display:inline-block;}
	
}


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

	/* Section - lessonsAtmosphere */
	
	section.lessonsAtmosphere div.testimonial p.testimonial{ 
	font-size:.9em;
	}
	
	section.lessonsAtmosphere article { clear:both; margin:0;}
	section.lessonsAtmosphere .img1 { display:none;}
	section.lessonsAtmosphere .img2 { display:none;}
	section.lessonsAtmosphere .img3 { display:none;}
	section.lessonsAtmosphere .img4 { display:none;}
	section.lessonsAtmosphere .img5 { display:none;}	
	section.lessonsAtmosphere .img6 { margin: 0 auto 10px auto; width:100%; float:none; display:block;}

	
}