
#mainPicture{
	width:100%;
	background-color: #d31a35;
}

#jrCatalogue{
	width:100%;
	text-align:center;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin-top: -100px;
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}

#sliderContainer{
	background-color:#e3d0b1;
	position: relative;
	padding-top:5%;
	padding-bottom:5%;
	margin-top: -10px;
}

.moreContent, .moreContent2{
	text-align:center;
	background-color:#4ed0e0;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin-top: -10px;
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}

.moreContent2{
	background-color:#d31a35;
	margin-top: -40px;
}

ul#jrLogos{ max-width:100%; text-align:center; margin: 0 auto; padding-left: 0px; padding-right: 0px; list-style: none; overflow:hidden; position:relative;	margin-top:-110px;}
ul#jrLogos li{ max-width: 50%; display:block; float: left; margin-right: auto; margin-left: auto; margin-top: -5px;}
ul#jrLogos li picture{ display:block;}

@media screen and (min-width:50px) {
	ul#jrLogos{ margin-top:0px;}
	ul#jrLogos li{ max-width: 50%; display:block; float: left; margin-right: auto; margin-left: auto; margin-top: -5px;}
	#mainPicture img{width:100%;}
	#jrCatalogue img{width:100%;}
	#layersPic{width:89.9%; padding-bottom:3%;}
	ul#jrLogos li picture img { width:100%; border:0; }
	ul#jrLogos li { max-width: 100%; display:block; float: left; margin-right: auto; margin-left: auto;}
	.moreContent2 {margin-top: 0px;}
	ul#jrLogos #jrLogos-frame41 {display: none;}
	ul#jrLogos #jrLogos-frame31 {display: none;}
	ul#jrLogos #jrLogos-frame42 {display: block;}
	ul#jrLogos #jrLogos-frame32 {display: block;}	
}
@media screen and (min-width:800px) {
	ul#jrLogos{ margin-top:-60px;}	
	ul#jrLogos li picture img {width:100%; border:0; }
	ul#jrLogos li { max-width: 50%; display:inline-block; float: left; margin-right: auto; margin-left: auto;}
	.moreContent2 {margin-top: -60px;}
	ul#jrLogos #jrLogos-frame42 {display: none;}
	ul#jrLogos #jrLogos-frame32 {display: none;}
	ul#jrLogos #jrLogos-frame41 {display: block;}
	ul#jrLogos #jrLogos-frame31 {display: block;}
}
@media screen and (min-width:1200px) {
	ul#jrLogos{ margin-top:-110px;}	
	.moreContent2 {margin-top: -40px;}
}
