@media only screen and (max-width: 1279px) and (min-width: 1024px){
	
.bg-immagine{
	background-image: url("img/tacoloco_bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 110%;
	background-position:center;
}	
	
.logotacoloco{
	width: 320px;
	height: 356.5px;
	position: relative;
	float: left;
	margin-top: 90px;
	margin-left: 90px;
	background-color: transparent;
}

#descrizioneprj{
	width: 415px;
	height: 340px;
	position: relative;
	float: left;
	margin-top: 118px;
	margin-left: 105px;
	background-color: transparent;
}	
.pattern1{
	width:100%;
	height:110px;
	position: absolute;
	top: 570px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 106%;
	background-repeat: no-repeat;
}
.pattern2{
	width:100%;
	height:110px;
	position: absolute;
	top: 1150px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 106%;
	background-repeat: no-repeat;
}
.font{
	width: 578.7px;
	height: 360px;
	margin-top: 250px;
	margin-left: 10px;
	position: relative;
	float: left;
	clear: left;
}
.colori{
	width: 346px;
	height: 360px;
	margin-top: 250px;
	margin-left: -10px;
	position: relative;
	float: left;
}	
.bcard {
	width:100%;
	height: auto;
	margin-top: 220px;
	margin-left: 0px;
	position: relative;
	float: left;	
}

.bagfronte {
	width:475px;
	height: 549px;
	margin-top: 19px;
	margin-left: 0px;
	position: relative;
	float: left;	
}

.bagretro{
	width:475px;
	height: 549px;
	margin-top: 19px;
	margin-right: 0px;
	position: relative;
	float: right;	
}
	

}


@media only screen and (max-width: 1023px) and (min-width: 768px){
	
.bg-immagine{
	background-image: url("img/tacoloco_bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 140%;
	background-position:top;
}	
.logotacoloco{
	width: 300px;
	height: 334.2px;
	position: relative;
	float: left;
	margin-top: 90px;
	margin-left: 15px;
	background-color: transparent;
}

#descrizioneprj{
	width: 408px;
	height: 340px;
	position: relative;
	float: left;
	margin-top: 100px;
	margin-left: 20px;
	background-color: transparent;
}
.pattern1{
	width:100%;
	height:110px;
	position: absolute;
	top: 520px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 112%;
	background-repeat: no-repeat;
}
.pattern2{
	width:100%;
	height:110px;
	position: absolute;
	top: 980px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 112%;
	background-repeat: no-repeat;
}
.font{
	width: 510px;
	height: auto;
	margin-top: 180px;
	margin-left: -25px;
	position: relative;
	float: left;
	clear: left;
}
.colori{
	width: 300px;
	height: auto;
	margin-top: 180px;
	margin-left: -35px;
	position: relative;
	float: left;
}	
.bcard {
	width:100%;
	height: auto;
	margin-top: 160px;
	margin-left: 0px;
	position: relative;
	float: left;	
}

.bagfronte {
	width:368px;
	height: auto;
	margin-top: 19px;
	margin-left: 0px;
	position: relative;
	float: left;	
}

.bagretro{
	width:368px;
	height: auto;
	margin-top: 19px;
	margin-right: 0px;
	position: relative;
	float: right;	
}
}
	
@media only screen and (max-width: 767px) and (min-width: 480px){	
	
.bg-immagine{
	background-image: url("img/tacoloco_bg_mobile.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 120%;
	background-position:center 11%;
}	
.logotacoloco{
	width: 290px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 400px;
	margin-left: 90px;
	background-color: transparent;
}

#descrizioneprj{
	width: 460px;
	height: 340px;
	position: relative;
	float: left;
	margin-top: -665px;
	margin-left: 10px;
	background-color: transparent;
}	

.pattern1{
	width:100%;
	height:110px;
	position: absolute;
	top: 800px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 140%;
	background-repeat: no-repeat;
}
.pattern2{
	width:100%;
	height:110px;
	position: absolute;
	top: 1280px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 140%;
	background-repeat: no-repeat;
	display: none;
}	
	
.font{
	width: 100%;
	height: 330px;
	margin-top: 160px;
	margin-left: 0px;
	position: relative;
	float: left;
	clear: left;
	object-fit: cover;
}
.colori{
	width: 320px;
	height: auto;
	margin-top: -30px;
	margin-left: 60px;
	position: relative;
	float: left;
}	
.bcard {
	width:100%;
	height: 400px;
	margin-top: 35px;
	margin-left: 0px;
	position: relative;
	float: left;
	object-fit: cover;
}

.bagfronte {
	width:480px;
	height: 549px;
	margin-top: 5px;
	margin-left: 0px;
	position: relative;
	float: left;	
}

.bagretro{
	width:480px;
	height: 549px;
	margin-top: 0px;
	margin-right: 0px;
	position: relative;
	float: right;	
}	
	
}
	
@media only screen and (max-width: 479.9px) {
	
.bg-immagine{
	background-image: url("img/tacoloco_bg_mobile.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 150%;
	background-position:center 15%;
}	
	
	
#descrizioneprjmobile{
	width: 95%;
	height: auto;
	position: relative;
	float: left;
	margin-top: 50px;
	margin-left: 2%;
	background-color: transparent;
	display: block;
}	
	
.logotacoloco{
	width: 68%;
	height: auto;
	position: relative;
	float: left;
	margin-top: 60px;
	margin-left: 15%;
	background-color: transparent;
}

#descrizioneprj{
	width: 95%;
	height: 340px;
	position: relative;
	float: left;
	margin-top: -680px;
	margin-left: 8px;
	background-color: transparent;
	display: none;
}	

.pattern1{
	width:100%;
	height:80px;
	position: absolute;
	/*top: 32%;*/
	top: 820px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 200%;
	background-repeat: no-repeat;
}
.pattern2{
	width:100%;
	height:110px;
	position: absolute;
	top: 1280px;
	background-color: #fff;
	background-image: url("img/tacoloco_pattern.jpg");
	background-size: 140%;
	background-repeat: no-repeat;
	display: none;
}	
	
.font{
	width: 115%;
	height: auto;
	margin-top: 160px;
	margin-left: -10%;
	position: relative;
	float: left;
	clear: left;
	object-fit: cover;
}
.colori{
	width: 85%;
	height: auto;
	margin-top: -30px;
	margin-left: 2%;
	position: relative;
	float: left;
}	
.bcard {
	width:100%;
	height: 320px;
	margin-top: 10px;
	margin-left: 0px;
	position: relative;
	float: left;
	object-fit: cover;
}

.bagfronte {
	width:100%;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	float: left;	
}

.bagretro{
	width:100%;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	position: relative;
	float: right;	
}
	
}