/*       --------- banners especifics  -----------   */
.pilatos-buidat{
	flex-flow: row wrap;
	align-items: center;
	height: auto;
}
.pilatos-principal{
	flex-flow: row wrap;
	align-items: flex-end;
	height: auto;
}
.pilatos-piles{
	background-image: url('../img/miscelanius/recogida-pilas.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	height: 200px;
}
.pilatos-buidat > img, .pilatos-principal img, .pilatos-buidat .img-buidat2{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.pilatos-principal img {
	max-width: 500px;
	min-width: 320px;
	margin: 0 auto;
}
.img-diposit img/*, .pilatos-principal .img*/{
	max-width: 325px;
	min-width: 200px;
	margin: 0 auto;
}
.img-diposit{
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.img-diposit .img {
	display: flex;
	align-items: flex-start;
}
.img-buidat{
	width: 100%;
}
.gots-inici{
	background-image: url('../img/miscelanius/reciclaje-vasos-plastico.jpg');
	background-size: cover;
	background-position: top center;
	background-color: #000;
	height: 87vh;
}
.gots-vid1{
	background-image: url('../img/miscelanius/vasos-plastico.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	height: 220px;
	position: relative;
}
.gots-2{
	background-image: url('../img/miscelanius/contenidor-gots-plastic.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	height: 320px;
}
.gots-recollidor{
	background-image: url('../img/miscelanius/recollidor-liquids-gots.jpg');
	background-position-x: center;
	background-position-y: bottom;
	background-repeat: no-repeat;
	height: 320px;
	position: relative;
}
.ariadna{
	background-image: url('../img/miscelanius/paperera-selectiva-urbana.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	height: calc( 100vw / 2.1 );
	max-height: 610px;
	display: none;
}
.ariadna2{
	display: block;
	height: auto;
}
.papyrus{
	background-image: url('../img/miscelanius/paperera-sobretaula.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	height: 350px;
}
.papyrus2{
	height: auto;
}
.papyrus-1{
	width: 100%;
	background-image: url('../img/miscelanius/papelera-sobremesa-publicidad.jpg');
	background-size: contain;
	background-position-x: center;
	background-position-y: center;
	height: calc( 100vw / 1.37 );
	max-height: 560px;
}
.papyrus-2{
	width: 100%;
	background-image: url('../img/miscelanius/small-desktop-bin.jpg');
	background-size: contain;
	background-position-x: center;
	background-position-y: center;
	height: calc( 100vw / 1.37 );
	max-height: 560px;
}

/*       --------- claims especifics  -----------   */
.claim-misc{
	width: 100%;
	/*margin-top: 18%;*/
	/*text-align: center;*/
	/*transition: all .5s ease-in-out;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;*/
}
.claim-misc h2{
	font-family: 'futura-book', sans-serif;
	font-size: 5em;
	font-weight: 800;
	line-height: 1;
	/*color: #6e6e6e;*/
}
.claim-misc h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.9em;
	font-weight: 600;
	margin-bottom: 10px;
}
.claim-misc h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.15em;
}
.pilatos-buidat .claim-misc {
	width: 100%;
	padding: 0;
	margin: 2em 0;
	text-align: center;
	font-size: 0.8em;
}
/*.pilatos-buidat .claim-misc {

	font-size: 0.7em;
	margin: 2em 0 2em 0;
	padding-left: 25%;
}*/
.pilatos-principal .claim-misc sup{
	font-size: 0.7em;
}
.pilatos-principal .claim-misc{
	margin-top: 2em;
	font-size: 0.8em;
	text-align: center;
}
.pilatos-principal .claim-misc h4{
	font-size: 1.5em;
	font-weight: 300;
}
.text-diposit{
	margin-top: 3em;
	font-weight: 400;
}

.gots-inici .claim-misc {
	width: 90%;
	text-align: center;
	top: 55%;
	left: 50%;
	text-shadow: 0 0 5px #555;
}

.ariadna .claim-misc{
	width: 44%;
	top: 65%;
	left: 78%;
	font-size: .8em;
}
.ariadna .claim-misc h4{
	font-size: 1.3em;
}
.ariadna2 .claim-misc h4{
	font-size: 1.5em;
}

.ariadna2 .claim-misc{
	width: 95%;
	font-size: 0.8em;
	margin: 2em auto 1.5em;
}
.papyrus .claim-misc{
	width: 90%;
	top: 35%;
	font-size: 0.8em;
}
.papyrus2 .claim-misc{
	width: 78%;
	margin: 0 auto;
	top: 22%;
	text-align: center;
	font-size: .8em;
}
.papyrus2 .claim-misc h4 {
	font-size: 1em;
	margin: 0 auto;
	font-weight: 500;
}
.papyrus-2 .claim-misc{
	top: 27%;
}

@media screen and (min-width: 377px) {

}

@media screen and (min-width: 481px) {
	.gots-2{
		height: 510px;
	}
	.papyrus{
		height: 420px;
	}
	.papyrus2 .claim-misc{
		font-size: 1em;
	}
}

@media screen and (min-width: 681px) {
	.pilatos-buidat .claim-misc {
		font-size: 0.7em;
	}
	.papyrus{
		height: 500px;
	}
}

@media screen and (min-width: 769px) {
	.gots-inici{
		background-image: url('../img/miscelanius/plastic-cups-tube.jpg');
		background-size: cover;
		background-position: left 0px top 8%;
		height: 400px;
	}
	.gots-inici .claim-misc{
		width: 50%;
		left: 60%;
		top: 50%;
		text-align: left;
	}
	.gots-vid1{
		height: 300px;
	}
	.gots-2{
		height: 852px;
	}
	.pilatos-principal img {
		max-width: 640px;
		margin-left: 5%;
    width: 50%;
    height: auto;
	}
	.img-diposit img/*, .pilatos-principal .img */{
		max-width: 325px;
		margin: 0;
	}
	.img-diposit {
		width: 45%;
		text-align: left;
	}
	.pilatos-principal .claim-misc{
		margin-top: 2em;
		font-size: 1em;
		text-align: left;
	}
	.text-diposit{
		margin-top: 25%;
	}
	.pilatos-piles {
		height: 300px;
	}
	.pilatos-buidat .claim-misc {
		text-align: left;
		padding-left: 25%;
	}
	.img-buidat{
		width: 50%;
	}
	.pilatos-buidat > img, .pilatos-buidat .img-buidat2{
		width: 50%;
	}
	.ariadna2{
		display: none;
	}
	.ariadna{
		display: flex;
	}
	.papyrus{
		height: 800px;
	}
	.papyrus .claim-misc{
		font-size: 1em;
	}
	.papyrus-1, .papyrus-2{
		width: 50%;
		height: calc( 50vw / 1.37 );
		max-height: 468px;
	}
	.papyrus2 .claim-misc{
		text-align: left;
	}
	.papyrus-2 .claim-misc{
		width: 60%;
	}
}


@media screen and (min-width: 1025px) {
	.gots-inici{
		background-image: url('../img/miscelanius/plastic-cups-tube.jpg');
		background-size: cover;
		background-position: left 0px top -20px;
		background-attachment: fixed;
	}
	.pilatos-principal .claim-misc {
		padding-right: 15%;
	}
	.ariadna .claim-misc{
		font-size: 1em;
	}
}

@media screen and (min-width: 1281px) {
	.gots-inici{
		background-size: contain;
		background-position: left calc((100vw - 1280px) / 2) top -20px;
	}
}