#imm-title-bg{
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
    padding: 0;
    margin-top: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#imm-title{
	margin: 0;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, 0%);
}

#imm-title .bg{
	display: block;
	margin: 0 auto;
	position: relative;
    text-align: left;
    background-color: rgba(255,255,255,0.75);
    padding: 32px 50px 32px 25px;
    margin-left: 30px;
   }

#imm-title .bg p{
    display: block;
	margin: 0 auto;
	position: relative;
    color: #283441;
    font-size: 4em;
    line-height: 46px;
    font-family: 'cuprum-r';
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#imm-title .bg p.small{
    font-size: 3.6em;
    line-height: 42px;
    }

#imm-title-bg.generico{
    background-color: var(--theme1);
    min-height: 260px;
}

#allestimento {
    display: block;
	margin: 0 auto;
    position: relative;
    width: 100%;
	margin-top: 100px;
    margin-bottom: 160px;
    font-family: 'cuprum-r';
    font-size: 2.4em;
    color:#999;
    text-align: center;
    }

#box1 {
    display: block;
	margin: 0 auto;
    position: relative;
    width: 100%;
	margin-top: 30px;
    margin-bottom: 70px;
    }

#box1 .cat{
    float: left;
	margin: 0 auto;
    position: relative;
    min-height: 300px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease; 
    }

#box1 .prod1{
    display: inline-flex;
	margin: 0 auto;
    width: 12%;
    align-items: center;
    justify-content: center;
    }

#box1 .prod1 p{
	margin: 0 auto;
    font-size: 2em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #1a2223;
    -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .prod2{
    display: inline;
	margin: 0 auto;
    width: 84%;
    text-align: left;
    font-size: 1.3em;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .prod2 p{
    padding: 20px 10px 0 80px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .small{
    font-family: 'Oswald', sans-serif;
    padding: 0;
    margin-bottom: 0px;
	font-weight: 400;
    color: var(--theme1);
    font-size: 1.02em;
	}

#box1 .big{
    font-family: 'Oswald', sans-serif;
    margin: 0;
    padding: 0;
	font-weight: 300;
    color: #1a2223;
    font-size: 2.4em;
    line-height: 60px;
    margin-top: 0px;
    margin-bottom: 10px;
	}

#box1 .text{
    font-size: 1.1em;
    line-height: 27px;
	}

#box1 .text img{
    vertical-align: middle;
	}

#box1 ul{
    margin-top: -10px;
     padding: 0px 10px 0 110px;
    list-style: none; 
    font-size: 1.05em;
	}

#box1 .caduti ul{
    margin-top: -10px;
     padding: 0px 10px 0 110px;
    list-style: none; 
    font-size: 1.05em;
	}

#box1 li.a {
    list-style-image: url('../images/li-a.png');
    vertical-align: baseline;
}

#box1 li.b {
    list-style-image: url('../images/li-b.png');
    vertical-align: baseline;
}

#box1 li.c {
    list-style-image: url('../images/li-c.png');
    vertical-align: baseline;
}

#box1 li.d {
    list-style-image: url('../images/li-d.png');
    vertical-align: baseline;
}

#box1 li.e {
    list-style-image: url('../images/li-e.png');
    vertical-align: baseline;
}

#box1 li.f {
    list-style-image: url('../images/li-f.png');
    vertical-align: baseline;
}

#box1 li.g {
    list-style-image: url('../images/li-g.png');
    vertical-align: baseline;
}

#box1 li.meno {
    list-style-image: url('../images/li-meno.png');
    vertical-align: baseline;
}

#box1 li.bullet {
    list-style-image: url('../images/li.png');
    line-height: 30px;
    margin-left: -10px;
}

#box1 .text a{
    font-size: 1.1em;
    font-weight: 400;
	}

#box1 .inline-text{
    display: inline;
    float: left;
	margin: 0 auto;
    position: relative;
    width: 80%;
	padding: 0;
    font-size: 1em;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .inline-imm{
    display: inline;
    float: left;
	margin: 0 auto;
    position: relative;
    width: 19%;
	padding: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .inline-imm img{
    margin-top: 20px;
    width: 100%;
	max-width: 250px;
    }

#box1 .line{
    display: block;
	margin: 0;
    margin-top: 10px;
    margin-bottom: -30px;
    position: relative;
    width: 90%;
	padding: 0;
    max-height: 3px;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 20px;
    background-image: url('../images/line.png');
    background-repeat: repeat-x;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .date1{
    display: inline;
    float: left;
	margin: 0 auto;
    position: relative;
    width: 49.5%;
	padding: 0;
    margin-top: 20px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .date1 .data{
	margin: 0 auto;
    position: relative;
    max-width: 400px;
	padding: 0;
    min-height: 450px;
    background-color: #f5f5f5;
    text-align: center;
    -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
    }

#box1 .date1 .data:hover{
    background-color: #283441;
    border-radius: 20px;
    }

#box1 .date1 .data img{
	width: 100%;
    max-width: 500px;
    }

#box1 .date1 .data .dat{
	margin: 0 auto;
    padding: 10px 0 0 0;
    font-size: 1.1em;
    font-weight: 400;
    color: var(--theme1);
    }

#box1 .date1 .data .tit{
	margin: 0 auto;
    padding: 10px 0 30px 0;
    font-family: 'cuprum-r';
    color: #283441;
    font-size: 1.4em;
    line-height: 35px;
    }

#box1 .date1 .data a .dat{
    color: var(--theme1);
    }

#box1 .date1 .data a .tit{
    color: #283441;
    }

#box1 .date1 .data:hover a .dat{
    color: #fff;
    }

#box1 .date1 .data:hover a .tit{
    color: #fff;
    }

#box1 .date2{
    display: inline;
    float: left;
	margin: 0 auto;
    position: relative;
    width: 32.5%;
	padding: 0;
    margin-top: 20px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#box1 .date2 .data{
	margin: 0 auto;
    position: relative;
    max-width: 400px;
	padding: 0;
    min-height: 430px;
    background-color: #f5f5f5;
    text-align: center;
    -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
    }

#box1 .date2 .data:hover{
    background-color: #283441;
    border-radius: 20px;
    }

#box1 .date2 .data img{
	width: 100%;
    max-width: 500px;
    }

#box1 .date2 .data .dat{
	margin: 0 auto;
    padding: 10px 0 0 0;
    font-size: 1.1em;
    font-weight: 400;
    color: var(--theme1);
    }

#box1 .date2 .data .tit{
	margin: 0 auto;
    padding: 10px 0 30px 0;
    font-family: 'cuprum-r';
    color: #283441;
    font-size: 1.4em;
    line-height: 35px;
    }

#box1 .date2 .data a .dat{
    color: var(--theme1);
    }

#box1 .date2 .data a .tit{
    color: #283441;
    }

#box1 .date2 .data:hover a .dat{
    color: #fff;
    }

#box1 .date2 .data:hover a .tit{
    color: #fff;
    }

#box1 .caduti{
    display: inline;
    float: left;
	margin: 0 auto;
    position: relative;
    width: 32,5%;
	padding: 0;
    font-size: 1.1em;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#foto.gall{
	max-width: 1700px;
    }

#foto{
	display: block;
	margin: 0 auto;
	position: relative;
    }

#foto .cat{
	display: inline;
    float: left;
    position: relative;
	margin: 0 auto;
    padding: 8px;
    width: 32%;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease
	}

.con {
	margin: 0 auto;
  position: relative;
  width: 100%;
    text-align: center;
}

#foto .image {
	margin: 0 auto;
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
    text-align: center;
}

#foto .image-small {
    max-width: 300px;
}

#foto .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

#foto .con:hover .image {
  opacity: 0.65;
}

#foto .con:hover .middle {
  opacity: 1;
}

#foto .text {
  background-color: var(--theme1);
  color: white;
  font-size: 2.2em;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
  padding: 13px 20px 17px 20px;
    border-radius: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease
}

#foto .text:hover {
  background-color: var(--theme2);
}

#box1 .canto{
    display: inline;
    float: left;
	margin: 0 auto;
    position: relative;
    width: 32.5%;
	padding: 0;
    padding-top: 10px;
    margin-bottom: 40px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    border: 2px solid #eee;
    }

#box1 .canto .tit{
   font-family: 'cuprum-r';
    font-size: 1.8em;
    line-height: 33px;
    color: var(--theme1);
    }

#box1 .canto .text{
    font-size: 1.1em;
    line-height: 26px;
    margin-top: 15px;
    padding-bottom: 20px;
    }

#box1 .gall-f{
	display: block;
	margin: 0 auto;
	width: 100%;
	color: #fff;
	padding-top: 10px;
    padding-bottom: 15px;
    font-family: 'cuprum-r';
    font-size: 1.2em;
	}

#box1 .gall-f a{
	background-color: var(--theme1);
	color: #fff;
	padding: 11px 15px 10px 15px;
    -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
	}

#box1 .gall-f a:hover{
	background-color: var(--theme2);
	color: #fff;
	border-radius: 30px;
	}



/* responsive rules */
@media screen and (min-width: 1900px) {


#box1 .due{
     margin-top: 97px;
	}

#box1 .tre{
     margin-top: 97px;
	}

#box1 .inni .uno{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }
	
}

@media screen and (min-width: 1800px) and (max-width: 1899px) {

 
#box1 .due{
     margin-top: 97px;
	}

#box1 .tre{
     margin-top: 97px;
	}  

#box1 .inni .uno{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    } 

}

@media screen and (min-width: 1600px) and (max-width: 1799px) {
	
#box1 .caduti{
    width: 31.6%;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 90px;
	}

#box1 .due{
     margin-top: 97px;
	}

#box1 .tre{
     margin-top: 97px;
	}

#box1 .inni .uno{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }
	
    
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {

#box1 .date2{
    width: 31%;
    margin-left: 10px;
    margin-right: 10px;
    }

#box1 .date2 .data{
    min-height: 400px;
    }
    
#box1 .caduti{
    width: 31.6%;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 90px;
    font-size: 1em;
	}

#box1 .due{
     margin-top: 97px;
	}

#box1 .tre{
     margin-top: 97px;
	}

#foto .plus{
    width: 23%;
    }

#box1 .inni .uno{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }

	
}

@media screen and (min-width: 1220px) and (max-width: 1399px) {

#imm-title-bg{
    min-height: 740px;
} 
    
#box1 .prod2 p{
    padding: 10px 10px 0 60px;
    }

#box1 .inline-text{
    width: 70%;
    }

#box1 .inline-imm{
    margin-top: 30px;
    width: 29%;
    }


#box1 .date2{
    width: 31%;
    margin-left: 10px;
    margin-right: 10px;
    }

#box1 .date2 .data{
    min-height: 400px;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 50px;
	}

#box1 .due{
     margin-top: 76px;
	}

#foto .plus{
    width: 22.5%;
    }
    
#box1 .canto{
    width: 48.5%;
    }

#box1 .inni .uno{
    min-height: 1060px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1060px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }
    
#foto .cat{
    width: 31.5%;
	}
	
}

@media screen and (min-width: 1001px) and (max-width: 1219px) {

#imm-title-bg{
    min-height: 690px;
} 
    
#box1 .prod2{
    width: 83%;   
    }
    
#box1 .prod2 p{
    padding: 0px 10px 0 30px;
    }

#box1 .inline-text{
    width: 70%;
    }

#box1 .inline-imm{
    margin-top: 40px;
    width: 29%;
    }

#box1 .date2{
    width: 49.5%;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 50px;
	}

#box1 .due{
     margin-top: 76px;
	}

#foto .plus{
    width: 22%;
    }
    
#box1 .canto{
    width: 48.5%;
    }

#box1 .inni .uno{
    min-height: 1060px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1060px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 1440px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }
    
#foto .cat{
    width: 31%;
	}
    
	
}


@media screen and (min-width: 851px) and (max-width: 1000px) {
    
#imm-title-bg{
    min-height: 620px;
} 
    
#box1 .prod1{
    width: 10%;
    }
    
#box1 .prod2{
    width: 85%;   
    }
    
#box1 .prod2 p{
    padding: 0px 10px 0 20px;
    }

#box1 .inline-text{
    width: 70%;
    }

#box1 .inline-imm{
    margin-top: 40px;
    width: 29%;
    }

#box1 .date1{
    width: 46%;
    margin-left: 15px;
    margin-right: 10px;
    }

#box1 .date2{
    width: 46%;
    margin-left: 15px;
    margin-right: 10px;
    }

#box1 .date1 .data{
    min-height: 100px;
    }

#box1 .date2 .data{
    min-height: 100px;
    }

#box1 .caduti ul{
    min-width: 700px;
     padding: 0px 10px 0 40px;
	}

#foto .plus{
    width: 21%;
    }
    
#box1 .canto{
    width: 48.5%;
    }

#box1 .inni .uno{
    min-height: 1080px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1080px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1470px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 1470px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }
    
#foto .cat{
    width: 47%;
	}

    


}


@media screen and (min-width: 651px) and (max-width: 850px) {
    
#imm-title-bg{
    min-height: 550px;
}

#imm-title .bg{
    padding: 30px 30px 30px 16px;
    margin-left: 12px;
   }

#imm-title .bg p{
    font-size: 3.7em;
    }
    
#box1 .cat{
    min-height: 30px; 
    }

#box1 .prod1{
    margin-top: 30px;
    display: inline;
    width: 98%;
    }

#box1 .prod1 p{
    -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
    }

#box1 .prod2{
    width: 98%;
    margin-bottom: 40px;
    }

#box1 .prod2 p{
    padding: 10px 10px 0 50px;
    }

#box1 .inline-text{
    width: 98%;
    }

#box1 .inline-imm{
    width: 98%;
    }

#box1 .date1{
    width: 46%;
    margin-left: 10px;
    margin-right: 10px;
    }

#box1 .date2{
    width: 46%;
    margin-left: 10px;
    margin-right: 10px;
    }

#box1 .date1 .data{
    min-height: 100px;
    }

#box1 .date2 .data{
    min-height: 100px;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 70px;
	}

#foto .plus{
    width: 46%;
    }
    
#box1 .canto{
    width: 49%;
    }

#box1 .inni .uno{
    min-height: 1080px;
     margin-top: 0px;
    }

#box1 .inni .due{
    min-height: 1080px;
     margin-top: 0px;
    }

#box1 .inni .tre{
    min-height: 1470px;
     margin-top: 0px;
    }

#box1 .inni .quattro{
    min-height: 1470px;
     margin-top: 0px;
    }

#box1 .inni .cinque{
    min-height: 900px;
     margin-top: 0px;
    }

#box1 .inni .sei{
    min-height: 900px;
     margin-top: 0px;
    }
    
#foto .cat{
    width: 46%;
	} 
    

    
	
}

@media screen and (min-width: 451px) and (max-width: 650px) {

#imm-title-bg{
    min-height: 460px;
}
    
#imm-title .bg{
    padding: 28px 30px 28px 12px;
    margin-left: 9px;
   }

#imm-title .bg p{
    font-size: 3.4em;
    }

#box1 .cat{
    min-height: 30px; 
    }

#box1 .prod1{
    margin-top: 30px;
    display: inline;
    width: 98%;
    }

#box1 .prod1 p{
    -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
    }

#box1 .prod2{
    width: 98%;
    margin-bottom: 40px;
    }

#box1 .prod2 p{
    padding: 10px 10px 0 50px;
    }

#box1 .inline-text{
    width: 98%;
    }

#box1 .inline-imm{
    width: 98%;
    }

#box1 .date1{
    width: 98%;
    }

#box1 .date2{
    width: 98%;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 70px;
	}

#foto .plus{
    width: 96%;
    }
    
#box1 .canto{
    width: 99%;
    }
    
#foto .cat{
    padding: 4px;
    width: 48%;
    margin-bottom: 16px;
	}
    


}


@media screen and (min-width: 291px) and (max-width: 450px) {


#imm-title-bg{
    min-height: 420px;
}
    
#imm-title .bg{
    padding: 26px 30px 26px 9px;
    margin-left: 6px;
   }

#imm-title .bg p{
    font-size: 3.2em;
    }
    
#box1 .cat{
    min-height: 30px; 
    }

#box1 .prod1{
    margin-top: 30px;
    display: inline;
    width: 98%;
    }

#box1 .prod1 p{
    -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
    }

#box1 .prod2{
    width: 98%;
    margin-bottom: 40px;
    }

#box1 .prod2 p{
    padding: 10px 10px 0 20px;
    }

#box1 .inline-text{
    width: 98%;
    }

#box1 .inline-imm{
    width: 98%;
    }

#box1 .date1{
    width: 98%;
    }

#box1 .date2{
    width: 98%;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 40px;
	}

#foto .plus{
    width: 92%;
    }
    
#box1 .canto{
    width: 99%;
    }
    
#foto .cat{
    padding: 4px;
    width: 97%;
    margin-bottom: 16px;
	}
    
	
}

@media screen and (max-width: 290px) {
	
#imm-title-bg{
    min-height: 340px;
    margin-top: 33px;
}
    
#imm-title .bg{
    padding: 24px 30px 24px 4px;
    margin-left: 4px;
   }

#imm-title .bg p{
    font-size: 2.8em;
    }

#box1 .cat{
    min-height: 30px; 
    }

#box1 .prod1{
    margin-top: 30px;
    display: inline;
    width: 98%;
    }

#box1 .prod1 p{
    -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
    }

#box1 .prod2{
    width: 98%;
    margin-bottom: 40px;
    }

#box1 .prod2 p{
    padding: 10px 10px 0 8px;
    }

#box1 .inline-text{
    width: 98%;
    }

#box1 .inline-imm{
    width: 98%;
    }

#box1 .date1{
    width: 98%;
    }

#box1 .date2{
    width: 98%;
    }

#box1 .caduti ul{
     padding: 0px 10px 0 40px;
	}

#foto .plus{
    width: 92%;
    }
    
#box1 .canto{
    width: 99%;
    }

#foto .cat{
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
	}
    

	
	
}