/* CSS Document for Screens */


/* resets */

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



/*  Section - instruments */


section.instruments { padding-top: 20px; padding-bottom: 30px; color: #000; }

section.instruments aside { width: 33%; float: left; margin-bottom:20px;}

section.instruments aside .image { margin-right:20px}

section.instruments img { position:relative; border:1px solid #942709; width:100%}


section.instruments article a.text:hover { color: #f8990b; text-decoration: underline; }


/* Media Queries */



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

	/* Section - lessonsAtmosphere */
	
	section.instruments aside { width: 100%; margin-bottom:20px;}

section.instruments aside .image { margin-right:0px}

section.instruments img { position:relative; border:1px solid #942709; width:100%}
	
}