.banner{max-width:1600px;margin:0 auto;}
.container{max-width:1600px;margin:0 auto;}
.nav{box-shadow: 0px 0px 0px #FFFFFF;}
#descobreix{max-width:1600px;margin:0 auto;overflow: hidden;position: relative;}
.foto-moto-descobreix{height:500px;right:0px;bottom:0px;}
#modul-noticies{max-width:1600px;margin:0 auto;}
#news{max-width:1600px;margin:0 auto;}
#que-diuen{max-width:1600px;margin:0 auto;}
#shop{max-width:1600px;margin:0 auto;}
#comparteix{max-width:1600px;margin:0 auto;}
#banner-fundacio{max-width:1600px;margin:0 auto;}
#fundacio-historia{max-width:1600px;margin:0 auto;}
#visitans-cap-objectius{max-width:1600px;margin:0 auto;}
#logos{max-width:1600px;margin:0 auto;}
#fotos-expo{max-width:1600px;margin:0 auto;}
#amics{max-width:1600px;margin:0 auto;}
#visitans-cap{max-width:1600px;margin:0 auto;}
#amic-museu{max-width:1600px;margin:0 auto;}
#museu{max-width:1600px;margin:0 auto;}
#entrades{max-width:1600px;margin:0 auto;}
#ubicacio{max-width:1600px;margin:0 auto;}
#mapa{max-width:1600px;margin:0 auto;}
#event{max-width:1600px;margin:0 auto;}
#carousel-motos{max-width:1600px;margin:0 auto;background-color:#FFFFFF;}
#propers-esd{max-width:1600px;margin:0 auto;}
#fitxa{max-width:1600px;margin:0 auto;}
#menu-carousel{max-width:1600px;margin:0 auto;background-color:#FFFFFF;}
#exposicions-destacades{max-width:1600px;margin:0 auto;background-color:#FFFFFF;}
#noticies{max-width:1600px;margin:0 auto;}

footer{max-width:1600px;margin:0 auto;padding: 70px 0px 0px 0px;}
.moto-rodona img{max-width: 785px;}
.marro-trans {background-color: rgba(33,34,33,.3);}
.slider, .slides, .marro-trans{height:70vh!important;min-height:70vh!important;}
.item1{line-height:0px;}
.foto-moto-rieju-descobreix img{left:-120px;max-width: 50vw;}
.fons-boto-menu-museu{max-width:1600px;margin: -5px auto 0px auto;padding: 10px 0px 0px 0px;}

.web_table{display: table;width: 100%;height: inherit;}
.web_table_cell{display: table-cell;vertical-align: middle;}

.web_boto1{width:100%;max-width:280px;border:2px solid #E40520;text-align:center;padding:10px 0px 10px 0px;cursor:pointer;}
.web_boto1:hover{background-color:rgba(255,255,255,0.2);}
.web_boto1 a{color:#E40520;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-size:14px;line-height:16px;font-weight:700;text-transform:uppercase;}

.web_banner_principal{max-width:85%;margin:0 auto;}
.web_banner_principal_container {}
.web_banner_principal_text {width:calc(100% - 10%);height:100%;max-width:700px;padding-left:5%;}
.web_banner_principal_text h1 {font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:80px;line-height:86px;color:#31251b;font-weight:900;}
.web_banner_principal_linia {width:100%;max-width:80px;height:20px;border-top:2px solid #E40520;}
.web_banner_principal_text p {font-family:"PT Serif", Arial, Helvetica, sans-serif;font-size:24px;line-height:28px;color:#67614D;font-weight:400;}

#web_banners{max-width:1600px;margin:0 auto;}
.we_banners_left{width:50%;float:left;background-color:#333333;}
.web_banners_container {background-color: red;width: 100%;padding-top: 75%; /* 1:1 Aspect Ratio */position: relative; /* If you want text inside of it */}
.web_banners_trans {width:100%;height:100%;position:absolute;top:0px;left:0px;cursor:pointer;}
.web_banners_trans:hover{background-color:rgba(33,34,33,.5);}
.web_banners_linia {width:100%;max-width:80px;height:20px;border-top:2px solid #FFFFFF;}
.web_banners_text {width:calc(100% - 20%);height:100%;max-width:700px;padding-left:10%;padding-top:30px;padding-right:10px;}
.web_banners_text h5 {font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:16px;line-height:19px;color:#FFFFFF;font-weight:700;}
.web_banners_text h1 {font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:60px;line-height:72px;color:#FFFFFF;font-weight:900;margin:0;}
.web_banners_text h1 strong {color:#E40520;}
.web_banners_text h2 {font-family:"Roboto", Arial, Helvetica, sans-serif;font-size:60px;line-height:72px;color:#E40520;font-weight:900;margin:0;}
.web_banners_text p {font-family:"PT Serif", Arial, Helvetica, sans-serif;font-size:24px;line-height:28px;color:#FFFFFF;font-weight:400;margin:0;padding-top:30px;padding-top:30px;}
@media (max-width: 1900px) {
.web_banner_principal_text h1 {font-size:60px;line-height:66px;}
.web_banner_principal_text p {font-size:20px;line-height:24px;}

.web_banners_text h5 {font-size:15px;line-height:18px;}
.web_banners_text h1 {font-size:40px;line-height:52px;}
.web_banners_text h2 {font-size:40px;line-height:52px;}
.web_banners_text p {font-size:20px;line-height:24px;padding-top:30px;}
}
@media (max-width: 1800px) {
.banner{max-width:85%;margin:0 auto;}
.container{max-width:85%;margin:0 auto;}
.nav{box-shadow: 0px 0px 0px #FFFFFF;}
#descobreix{max-width:85%;margin:0 auto;overflow: hidden;position: relative;}
.foto-moto-descobreix{height:500px;right:0px;bottom:0px;}
#modul-noticies{max-width:85%;margin:0 auto;}
#news{max-width:85%;margin:0 auto;}
#que-diuen{max-width:85%;margin:0 auto;}
#shop{max-width:85%;margin:0 auto;}
#comparteix{max-width:85%;margin:0 auto;}
#banner-fundacio{max-width:85%;margin:0 auto;}
#fundacio-historia{max-width:85%;margin:0 auto;}
#visitans-cap-objectius{max-width:85%;margin:0 auto;}
#logos{max-width:85%;margin:0 auto;}
#fotos-expo{max-width:85%;margin:0 auto;}
#amics{max-width:85%;margin:0 auto;}
#visitans-cap{max-width:85%;margin:0 auto;}
#amic-museu{max-width:85%;margin:0 auto;}
#museu{max-width:85%;margin:0 auto;}
#entrades{max-width:85%;margin:0 auto;}
#ubicacio{max-width:85%;margin:0 auto;}
#mapa{max-width:85%;margin:0 auto;}
#event{max-width:85%;margin:0 auto;}
#carousel-motos{max-width:85%;margin:0 auto;background-color:#FFFFFF;}
#propers-esd{max-width:85%;margin:0 auto;}
#fitxa{max-width:85%;margin:0 auto;}
#menu-carousel{max-width:85%;margin:0 auto;background-color:#FFFFFF;}
#exposicions-destacades{max-width:85%;margin:0 auto;background-color:#FFFFFF;}
#noticies{max-width:85%;margin:0 auto;}

	.fons-boto-menu-museu{max-width:85%;margin: -5px auto 0px auto;padding: 10px 0px 0px 0px;}
	footer{max-width:85%;margin:0 auto;}
	
	#web_banners{max-width:85%;margin:0 auto;}
}
@media (max-width: 1400px) {
.web_banner_principal_text h1 {font-size:50px;line-height:56px;}
.web_banner_principal_text p {font-size:18px;line-height:22px;}

.web_banners_text h5 {font-size:14px;line-height:17px;}
.web_banners_text h1 {font-size:30px;line-height:42px;}
.web_banners_text h2 {font-size:30px;line-height:42px;}
.web_banners_text p {font-size:18px;line-height:24px;padding-top:22px;}
}
@media (max-width: 1000px) {
.web_banner_principal_text h1 {font-size:40px;line-height:46px;}
.web_banner_principal_text p {font-size:16px;line-height:20px;}

.web_banners_text h5 {font-size:13px;line-height:16px;}
.web_banners_text h1 {font-size:26px;line-height:38px;}
.web_banners_text h2 {font-size:26px;line-height:38px;}
.web_banners_text p {font-size:16px;line-height:20px;padding-top:20px;}

	.banner{max-width:90%;margin:0 auto;}
	.container{max-width:90%;margin:0 auto;}
	#descobreix{max-width:90%;margin:0 auto;}
	#modul-noticies{max-width:90%;margin:0 auto;}
	#news{max-width:90%;margin:0 auto;}
	#que-diuen{max-width:90%;margin:0 auto;}
	#shop{max-width:90%;margin:0 auto;}
	#comparteix{max-width:90%;margin:0 auto;}
	#banner-fundacio{max-width:90%;margin:0 auto;}
	#fundacio-historia{max-width:90%;margin:0 auto;}
	#visitans-cap-objectius{max-width:90%;margin:0 auto;}
	#logos{max-width:90%;margin:0 auto;}
	#fotos-expo{max-width:90%;margin:0 auto;}
	#amics{max-width:90%;margin:0 auto;}
	#visitans-cap{max-width:90%;margin:0 auto;}
	#amic-museu{max-width:90%;margin:0 auto;}
	#museu{max-width:90%;margin:0 auto;}
	#entrades{max-width:90%;margin:0 auto;}
	#ubicacio{max-width:90%;margin:0 auto;}
	#mapa{max-width:90%;margin:0 auto;}
	#event{max-width:90%;margin:0 auto;}
	#carousel-motos{max-width:90%;margin:0 auto;}
	#propers-esd{max-width:90%;margin:0 auto;}
	#fitxa{max-width:90%;margin:0 auto;}
	#menu-carousel{max-width:90%;margin:0 auto;}
	#exposicions-destacades{max-width:90%;margin:0 auto;}
	#noticies{max-width:90%;margin:0 auto;}
	
	.fons-boto-menu-museu{max-width:90%;margin: -5px auto 0px auto;padding: 10px 0px 0px 0px;}
	footer{max-width:90%;margin:0 auto;}
	
	#web_banners{max-width:90%;margin:0 auto;}
}
@media (max-width: 800px) {
.we_banners_left{width:100%;float:none;}

	.banner{max-width:100%;margin:0 auto;}
	.container{max-width:100%;margin:0 auto;}
	#descobreix{max-width:100%;margin:0 auto;}
	#modul-noticies{max-width:100%;margin:0 auto;}
	#news{max-width:100%;margin:0 auto;}
	#que-diuen{max-width:100%;margin:0 auto;}
	#shop{max-width:100%;margin:0 auto;}
	#comparteix{max-width:100%;margin:0 auto;}
	#banner-fundacio{max-width:100%;margin:0 auto;}
	#fundacio-historia{max-width:100%;margin:0 auto;}
	#visitans-cap-objectius{max-width:100%;margin:0 auto;}
	#logos{max-width:100%;margin:0 auto;}
	#fotos-expo{max-width:100%;margin:0 auto;}
	#amics{max-width:100%;margin:0 auto;}
	#visitans-cap{max-width:100%;margin:0 auto;}
	#amic-museu{max-width:100%;margin:0 auto;}
	#museu{max-width:100%;margin:0 auto;}
	#entrades{max-width:100%;margin:0 auto;}
	#ubicacio{max-width:100%;margin:0 auto;}
	#mapa{max-width:100%;margin:0 auto;}
	#event{max-width:100%;margin:0 auto;}
	#carousel-motos{max-width:100%;margin:0 auto;}
	#propers-esd{max-width:100%;margin:0 auto;}
	#fitxa{max-width:100%;margin:0 auto;}
	#menu-carousel{max-width:100%;margin:0 auto;}
	#exposicions-destacades{max-width:100%;margin:0 auto;}
	#noticies{max-width:100%;margin:0 auto;}
	
	.fons-boto-menu-museu{max-width:100%;margin: -5px auto 0px auto;padding: 10px 0px 0px 0px;}
	footer{max-width:100%;margin:0 auto;}
	
	#web_banners{max-width:100%;margin:0 auto;}
	
	.web_banners_container{padding-top:125%;}
}