@charset "UTF-8";
/* CSS Document */
*{ margin: 0px;padding: 0px;}
ul, ol{ list-style: none;}
body {font-family: 'Lato', sans-serif;}
input{outline: none !important;}
.chiama{outline: none !important;}
a{
text-decoration:none}

.margin_top {
    margin-top: 80px;
}
.margin_top1 {
    margin-top: 76px;
}
.margin_top2 {
    margin-top: 330px;
}
.margin_top_foto{ margin-top: 110px;}
.margin_top_sezione3 {margin-top:40px;
}

/*HEADER*/

a{
	color: white;
}

#header{
	
}

#header ul{
	margin: 0;
	 color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
   
    margin-top: 45px;
    font-family: 'Barlow', sans-serif;
    text-align: right;
	list-style: none;
	overflow: hidden;
}


#header ul a{
	
	display: block;
	padding: 10px;
	margin-right: 12%;
}

#header ul a:hover{
    color: #FFE3B1;
}

#header ul li a.current {
    color: orange;
	font-weight: 600;
}

#header .menu{
	max-height: 0;
	transition: max-height .2s ease-out;
	clear: both;
	
	
	
}

#header .menu-icon{
	
	right: 12%;
	top:70%;
	position: relative;
	float: right;
	
}

#header .menu-icon .nav-icon{
	background-color: white;
	display: block;
	width:18px;
	height: 2px;
	position: relative;
	transition: background-color .2s ease-out;


}

#header .menu-icon .nav-icon::before
{
	background-color: white;
	content: "";
	display: block;
	height: 100%;
    width: 100%;
	transition: all .2s ease-out;
	position: absolute;
	top: 5px;
}

#header .menu-icon .nav-icon::after{
	background-color: white;
	content: "";
	display: block;
	height: 100%;
    width: 100%;
	transition: all .2s ease-out;
	position: absolute;
	top: -5px;
}

#header .menu-btn{
	display: none;
	
}

#header .menu-btn:checked ~.menu {
    max-height: 340px;
   
	

	
}

#header .menu-btn:checked  ~.menu-icon .nav-icon{
	background-color: transparent;
	
	
}

#header .menu-btn:checked  ~.menu-icon .nav-icon::before{
	transform: rotate(-45deg);
	top: 0;
}
#header .menu-btn:checked  ~.menu-icon .nav-icon::after{

	transform: rotate(45deg);
	top: 0;
}







#banner{
    width: 100%;
    height: 650px;
    background-image: -webkit-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -moz-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -o-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: linear-gradient(180deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.jpg");
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
}

#banner_camera{
	width: 100%;
   height: 650px;
	
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;	
	background-image:-webkit-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -moz-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -o-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: linear-gradient(180deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/camere/DSC_4433.jpg");
}

#banner_prezzi{
    width: 100%;
    height: 650px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-image:-webkit-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -moz-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -o-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: linear-gradient(180deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/home copia.jpg");
}

#banner_contatti{
    width: 100%;
    height: 650px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-image: -webkit-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -moz-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -o-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: linear-gradient(180deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%),url("../img/rifugio/DSC_4375.jpg");
}

#banner_gallery{
    width: 100%;
    height: 650px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-image:-webkit-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -moz-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: -o-linear-gradient(270deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/DSC_4404.png");
    background-image: linear-gradient(180deg,rgba(0,13,34,0.25) 0%,rgba(0,0,0,0.44) 100%), url("../img/rifugio/bosco1.jpg");
}

#header{
    width: 100%;
    height: 90px;
    padding-top: 40px; 
}

.logo{
    height: 125px;
    width: 125px;
    margin-left: 10%;
    background-position: 0% 0%;
    background-image: url("../img/LOGO.png");
    float: left;
    position: static;
	box-sizing: border-box;
    background-size: cover;
    background-position: center;
}



/*FONT*/

h1{font-size: 60px;
	color:#021921;
	font-weight: 700;
	font-family: 'Barlow', sans-serif;}
h2{
    font-size: 30px;
    color: #2F353A;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;     
}

h4{
    font-size: 21px;
    color: #748385;
    font-weight: 200;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    margin-top: 40px;
}

.h4{
    font-size: 21px;
    color: #748385;
    font-weight: 200;
    font-family: 'Barlow', sans-serif;
    text-align: center;
    margin-top: 40px;
}
h6{
    font-size: 16px;
    text-align: center;
    clear: both;
    margin-top: 15px;
    font-weight: 200;
    font-family: 'Barlow', sans-serif;
	color:white;
	
	}
p{
    font-size: 18px;
    color: white;
    font-weight: 200;
    font-family: 'Barlow', sans-serif;
}

/*FONT_VARIABILI H1*/
.h1_left{ 
	margin-left: 24%;
	padding: 0px;
	
	
	
}
.h1_right{ 
	margin-right: 24%;
	padding: 0px;
	
}
.h1_center{ 
	text-align: center;
	margin-top: 20px;
	margin-bottom: 35px;
	color: white;
}



.h1_voltadone{ 
	text-align: center;
	margin-top: 20px;
	margin-bottom: 35px;
	color: orange;
	border-bottom: 2px solid #FFE3B1;
	padding-bottom: 20px;
	
	
}

.h1_loc{ 
	text-align: center;
	margin-top: 20px;
	margin-bottom: 35px;
	color: white;
	font-size: 30px;
}

.h1_center2{ 
	text-align: center;
	
	color:#021921;

}
.h1_left2{ 
	 text-align: center;
	margin-top: 60px;
	color: white;
}

/*FONT_VARIABILI H2*/
.h2_raggiungici{
	margin-left: 11.8%;
	margin-top:2%; 
	color: white;
}
.margine{
    position: relative;
    top: 50px;
    color: #CFA1A2;
}
.h2_left{
    margin-left: 24%;
    margin-top: 40px;
    color: #748385;
	padding-right:50px;
}
.h2_right{
	 margin-right: 24%;
	margin-top: 40px;
}
.h2_center2{ 
	text-align: center;
	margin-top: 25px;
	padding-top: 30px;
	color: #748385;
}

.h2_center_contatti{ 
	text-align: center;
	margin-top: 40px;
	padding-top: 30px;
	font-weight: 500
}
.h2_center{
	text-align: center;
	
	color: white;
	
}
.h2_center_black{
	text-align: center;
	margin-top: 20px;
    color: #748385;
	margin-bottom: 20px;
}

/*FONT_VARIABILI H6 E P*/
.h6_center{
	text-align: center;
	position: relative;
    top: 80px;
	
	
}
.p_center{
	  text-align: center;
	
	padding: 50px;
     
}

/*SEZIONE_2*/

.sezione_2{
    width: 100%;
    min-height: 280px;
    clear: none;
    display: block;
    float: left;
    background-size: cover;  
	

}
.box_1{
    width: 50%;
	 min-height: 276px;
    float: left;
    margin-bottom: 90px;

	
    
}
.box_2{
    width: 37.5%;
   min-height: 270px;
    float: right;
    margin-bottom: 90px;
	text-align: right;
	padding-right: 12.5%;
	margin-top: 170px;
	
}


.box_3{
    width: 80%;
    background-position: right;
    background-position: left center;
	float: left;
    padding-top: 80px;
    clear: both;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 120px;
	background-image: url("../img/rifugio/home1.jpg");
	
    background-size: cover;
  	
}


.mappa_contatti{
    position: relative;
    overflow: hidden;
    text-align: center;
  margin: 0 auto;
	width: 76%;
	height: 300px;
	top:100px;
	bottom: 100px;
}

.box_3_camera{
    width: 80%;
   
    background-position: right;
    background-position: left center;
	float: left;
    padding-top: 80px;
    clear: both;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 80px;
	background-image: url("../img/camere/camere.jpg");
	
    background-size: cover;
  	
}

/*SEZIONE_2_CAMERE*/

#sezione_2_camere{
    width: 100%;
    min-height: 700px;
    clear: none;
    display: block;
    float: left;
    background-size: cover; 
	background-color: white;
	
}
.box_1_camere{
    width: 33%;
    min-height: 300px;
    float: left;
    background-position: left;
    background-position: left center;
    position: relative;
    margin-left: 12%;
    margin-top: 90px;
    margin-right: 5%;
    background-image: url("../img/camere/DSC_4432.jpg");
    background-repeat: no-repeat;    
	background-size: cover;
}
.box_1_testo{
    width: 33%;
    min-height: 200px;
    float: left;
    background-position: left;
    background-position: center;
    position: relative;
    margin-top: 30px;
    margin-left: 12%;
    margin-right: 5%;
    text-align-last: center;
    color: #000000;
    margin-bottom: 80px;	
    
}
.box_2_testo{
    width: 33%;
    min-height:   200px;
    float: left;
    background-position: left;
    background-position: center;
    position: relative;   
	margin-top: 30px;
	margin-right: 12%;
	margin-left: 5%;
	text-align-last: center;
	margin-bottom: 80px;   
}
.box_2_camere{
    width: 33%;
    min-height: 300px;
    float: right;
    background-position: right;
    background-position: left center;
    position: relative;  

	margin-right: 12%;
	margin-top: 90px;
	margin-left: 5%;
	background-image: url("../img/camere/DSC_4437.jpg");	
    background-repeat: no-repeat;    
	background-size: cover;
	
}

.bt_primary{
    width: 140px;
    height: 50px;
    background-color: transparent;
    color: white;
    border-color: orange;
    text-align: center;
    background-position: center;
    border-radius: 5px;
    font-size: 22px;
    position: relative;
    display: block;
    border-width: 2px;
	 font-weight: 200;
    font-family: 'Barlow', sans-serif;	
	margin: 0 auto !important;
}

.bt_primary:hover{
    width: 140px;
    height: 50px;
    background-color: transparent;
    color: orange;
    border-color: orange;
    text-align: center;
    background-position: center;
    border-radius: 7px;
    font-size: 22px;
    margin-left: 43%;
    margin-top: 5%;
    border-width: 2px;
    font-weight: 200;
    font-family: 'Barlow', sans-serif;
}

/*SEZIONE_2_PREZZI*/

#sezione_2_prezzi{
    width: 76%;
    min-height: 700px;
    clear: none;
    display: block;
    float: left;
    background-size: cover; 
	background-color: white;
	margin-top: 150px;
	margin-left: 12%;
		margin-bottom: 100px;
	
}
.box_1_dormire{
    background-image: url("../img/cibo/colazione.jpg");
    width: 100%;
    ;
    min-height: 400px;
    margin-bottom: 50px;
    margin-top: 100px;
    position: relative;
    background-repeat: no-repeat;
	background-size: cover;
     }
.mezza{background-image: url("../img/cibo/MEZZA.jpg"); background-size: cover;}
.completa{background-image: url("../img/cibo/completa.jpg"); background-size: cover;}

.h1_prezzi{   text-align: center; padding-top: 45px;  font-size: 60px;font-weight: 700;color: white;}
.h1_euro{  text-align: center; padding-top: 30px;  font-size: 60px; font-weight: 500; color: orange}
.colazione_margini{
    width: 90%;
    height: 400px;
    background-position: center;
    position: relative;
    margin: 0 auto;
    border: 5px solid #FFFFFF;
    opacity: 100%;
    top: 45px;	
}

.colazione{
    width: 87%;
    height: 300px;
   
    background-position: center;
   margin: 0 auto;
    position: relative;
    top: 50px;	
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	
}
/*SEZIONE_3*/

.sezione_3{
    width: 100%;
    min-height: 230px;
    display: block;
    padding-top: 70px;
    background-size: cover;
    float: left;
    background-image: url(../img/prodotti.png);
    background-repeat: no-repeat;
	
}
.cucinaleft{
   
    min-height: 200px;
    margin-left: 20%;
	   margin-right: 20%;
   margin-bottom: 60px;
    background-position:  center;	
	
	
}

.fotocucina{
	width: 450px;
    height: 300px;
	background-image: url("../img/cucina-01.png");
    position: relative;
	box-sizing: border-box;
    background-size: cover;
    background-position: center;
    float: right;
	margin-top: 70px;
}
.ponte{
    height: 46%;
    width: 100%;
    box-sizing: border-box;
    background-position: center;
    padding: 20px;
    border-radius: 30px;
}
.slider{
    width: 79%;
    clear: both;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    margin-left: 10.5%;
    margin-right: 10.5%;
    text-align: center;
    position: relative;
    
	
}
.vista{
	width: 100%;

	box-sizing: border-box;
    background-size: cover;
    background-position: center;
	
}

.voltadone{
   
	min-height:100px;
    float: left;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
  
    text-align: left;	
}

.video{
	width: 76%;
	margin: 0 auto;
	text-align: center;
}

.video iframe{
	width: 100%;
	min-height: 400px;
	margin: 0 auto;
	text-align: center;
}

/*FOOTER*/

#footer{
    width: 100%;
    height: 250px;
    clear: both;
margin-top: 100px;
	padding-bottom: 50px;
	box-sizing: border-box;
    background-size: cover;
    background-position: center;
	background-color: #021921;
 
}
.blu{
	width: 100%;
	float: left;
	box-sizing: border-box;
    background-size: cover;
    background-position: center;
	text-align: center;
	
	margin-top: 50px;
}
.h2_footer{
	font-size:16px;
	color: #021921;
}


.spazio_bianco
{
	width: 100%;
	height: 70px;
	background-color: white;
	clear: both;
}

/*GALLERY*/

.container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-top: 40px;
	margin-right: 12%;
	margin-left: 12%;
	
}

.container .heading{
	width: 70%;
	padding-bottom: 80px;
	padding-top: 80px;

	
}

.container .heading h3{
	 font-size: 60px;
    color: #2F353A;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;  
	border-bottom: 2px solid orange;
		padding-bottom: 10px;
	
}
 .gallery{
	width: 80%;
	
	margin-left: 12%;
	 margin-right: 12%;
}

.container .gallery  .rifugio{
	
	width: 100%;
	
}

.container .gallery  .rifugio img{
	
	width: 100%;
	

}
.gallery img{

	transition: 1s;
	
}

.gallery img:hover{

	
}

/*RESPONSIVE*/


/*RESPONSIVE MENU*/


@media screen and (min-width: 841px)  {
	
	#header li{float: left;}
	
	#header li a{padding:  10px 20px;}
	
	#header .menu{clear: none;float: right;max-height: 240px;margin-right:  12%;}
	
	#header .menu-icon{display: none;}
}

@media screen and (max-width: 840px)  and (min-width: 10px) {
	
	#header .menu{background-color: rgba(2,25,33,0.67);border-bottom-width: thin;}
	
	#header li a{border-bottom: solid 1px rgba(247,247,247,0.67);}
	
 	#header ul a{padding-right: 12%;margin-right: 0;padding-top: 22px;padding-bottom: 22px;}
	#banner{
   height: 504px;
}
	#banner_camera{
   height: 504px;
}
	#banner_prezzi{
   height: 504px;
}
	
	#banner_contatti{
   height: 504px;
}
	#banner_gallery{
   height: 504px;
}
	
}	
	
.fb{
    background-position: center;
    text-align: center;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    margin-top: 30px;
    background-image: url(../img/fb-01.png);
    background-repeat: no-repeat;
	background-size: cover;
}



/* 1500-768*/
@media screen and (min-width: 768px) and  (max-width: 1500px) {
	h2{font-size: 27px;} .h2_left{ padding-right: 40px;}
}

/* 950-768*/
		
@media screen and (min-width: 768px) and  (max-width: 950px) {
	iframe{ width: 300px; height: 300px;}
}


	
/* 400-768*/
@media screen and (min-width: 400px) and  (max-width: 768px) {
	
   .video iframe{min-height: 300px;}
    iframe .mappa{  width: 80%; background-position: center; clear: both;  margin: 0 auto; margin-top: 13%; text-align: center;  }
	  .box_1{float: none;width: 100%;min-height: 100px; margin-bottom: 60px;}
	.box_2{width: 100%; margin: 0 auto;padding: 0 ;text-align: center; padding-bottom:  70px; right: 12%; left:12%;}
	
	#header ul a:hover{
    color: #FFE3B1;
}
#banner{
   height: 490px;
}
	#banner_camera{
   height: 490px;
}
	#banner_prezzi{
   height: 490px;
}
	
	#banner_contatti{
   height: 490px;
}
	#banner_gallery{
   height: 490px;
}
	
	#header .menu-icon{position: relative;float: right;}

	h2{font-size: 24px; text-align: center;}
	h1{ text-align: center; font-size: 45px; }
	
	.h1_left{margin-left: 0;}
	.h1_prezzi{font-size: 50px;}
	.h2_left{margin-left: 0; padding-left:8%; padding-right:8%;}
	
	
	.sezione_3{float: none; width: 100%; clear: both;text-align: center;}
	.cucinaleft{float: none;width: 70%;  margin: 0 auto; margin-bottom: 50px;}
	.fotocucina{width:0px; height: 0px;margin: 0;padding: 0} 
	
	#sezione_2_camere{  width: 100%; min-height: 830px; clear: none;display: block;float: none; background-size: cover; 
	background-color: white;}
	.box_1_camere{ width: 76%; min-height:   200px;float: none;
  	margin-left: 12%;margin-top: 90px;margin-right: 12%;}
	.box_1_testo{width: 75%;min-height: 200px;float: none;position: absolute;}
	.box_2_camere{width: 76%; min-height: 200px;margin-top: 200px;margin-right: 12%;margin-left: 12%;}
	.box_2_testo{width: 75%;height: 200px;float: none;clear: both;position: absolute;margin-top: 420px;margin-right: 12%;
	margin-left: 12%;}
	
	.bt_primary{
    width: 100px;
    height: 40px;
    background-color: transparent;
    color:white;
    border-color: orange;
    text-align: center;
    background-position: center;
    border-radius: 5px;
    font-size: 18px;
   
}
	
	
	
	
	.slider{padding-top: -200px;}
	.logo{
    height: 110px;
    width: 110px;
   
}
	.container .heading h3{
	font-size: 45px;
    
}

.container .heading{
	width: 80%;
	padding-bottom: 40px;
	padding-top: 10px;

	
}
	
	
	}
	


/* 200-35b0*/
@media screen and (min-width: 290px) and  (max-width: 400px) {
	.video iframe{min-height: 150px;}
	iframe {  width: 200px; background-position: center; clear: both;  margin: 0 auto; margin-top: 4%; text-align: center;  }
	  .box_1{float: none;width: 100%;min-height: 100px; margin-bottom: 60px;}
	.box_2{width: 100%; margin: 0 auto;padding: 0 ;text-align: center; padding-bottom:  70px; right: 12%; left:12%;}
#banner{
   height: 480px;
}
	#banner_camera{
   height: 480px;
}
	#banner_prezzi{
   height: 480px;
}
	
	#banner_contatti{
   height: 480px;
}
	#banner_gallery{
   height: 480px;
}
	.box_1_dormire{
    
    min-height: 350px;
    margin-bottom: 50px;
    margin-top: 100px;
    position: relative;
    background-repeat: no-repeat;
	background-size: cover;
     }
	
	h2{font-size: 21px; text-align: center;}
	h1{ text-align: center; font-size: 46px;}
	.h1_left{margin-left: 0; }
	.h1_prezzi{font-size: 38px;}
	.h1_euro{ font-size: 38px;}
	.h2_left{margin-left: 0; padding-left:8%; padding-right:8%;}
	
	
	.sezione_3{float: none; width: 100%; clear: both;text-align: center;}
	.cucinaleft{float: none;width: 70%;  margin: 0 auto; margin-bottom: 50px;}
	
	.fotocucina{width:0px; height: 0px;margin: 0;padding: 0} 
	
	

	.logo{
    height: 100px;
    width: 100px;
    margin-left: 10%;
    background-position: 0% 0%;
    background-image: url("../img/LOGO.png");
    float: left;
    position: static;
	box-sizing: border-box;
    background-size: cover;
    background-position: center;
}
	
	
	#sezione_2_camere{  width: 100%; min-height: 930px; clear: none;display: block;float: none; background-size: cover; 
	background-color: white;}
	.box_1_camere{ width: 76%; min-height:   200px;float: none;
  	margin-left: 12%;margin-top: 90px;margin-right: 12%;}
	.box_1_testo{width: 75%;min-height: 200px;float: none;position: absolute;}
	.box_2_camere{width: 76%; min-height: 200px;margin-top: 260px;margin-right: 12%;margin-left: 12%;}
	.box_2_testo{width: 75%;height: 200px;float: none;clear: both;position: absolute;margin-top: 490px;margin-right: 12%;
	margin-left: 12%;}


	
	.bt_primary{
    width: 100px;
    height: 40px;
    background-color: transparent;
    color:white;
    border-color: orange;
    text-align: center;
    background-position: center;
    border-radius: 5px;
    font-size: 18px;
    margin-left: 25%;
    margin-top: 5%;
    border-width: thin;
	 font-weight: 200;
    font-family: 'Barlow', sans-serif;	
}
	
	.container .heading h3{
	 font-size: 38px;
    color: #2F353A;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;  
	border-bottom: 2px solid orange;
		padding-bottom: 10px;
}

.container .heading{
	width: 80%;
	padding-bottom: 40px;
	padding-top: 10px;
	

	
}
	
	}
  @media screen and (min-width: 10px) and  (max-width: 290px) {
	  
	  #banner{
   height: 480px;
}
	#banner_camera{
   height: 480px;
}
	#banner_prezzi{
   height: 480px;
}
	
	#banner_contatti{
   height: 480px;
}
	#banner_gallery{
   height: 480px;
}
	  .container .heading h3{
	 font-size:30px;
   
}
	.video iframe{min-height: 70px;}
	  iframe {  width: 150px; background-position: center; clear: both;  margin: 0 auto; margin-top: 4%; text-align: center;  }
	  .box_1{float: none;width: 100%;min-height: 100px; margin-bottom: 60px;}
	.box_2{width: 100%; margin: 0 auto;padding: 0 ;text-align: center; padding-bottom:  70px; right: 12%; left:12%;}
.container .heading{
	width: 80%;
	padding-bottom: 40px;
	padding-top: 10px;
}
	  h2{font-size: 20px; text-align: center;}
	h1{ text-align: center; font-size: 38px;}
	.h1_left{margin-left: 0; }
	  .h1_prezzi{font-size: 30px;}
	.h1_euro{ font-size: 30px;}
	.h2_left{margin-left: 0; padding-left:8%; padding-right:8%;}
	
	  .box_1_dormire{
		 min-height: 300px;
	  }
	
   
	
	.sezione_3{float: none; width: 100%; clear: both;text-align: center;}
	.cucinaleft{float: none;width: 70%;  margin: 0 auto; margin-bottom: 50px;}
	
	.fotocucina{width:0px; height: 0px;margin: 0;padding: 0} 
	
	
	.logo{
    height: 100px;
    width: 100px;
    margin-left: 10%;
    background-position: 0% 0%;
    background-image: url("../img/LOGO.png");
    float: left;
    position: static;
	box-sizing: border-box;
    background-size: cover;
    background-position: center;
}
	
	
	#sezione_2_camere{  width: 100%; min-height: 930px; clear: none;display: block;float: none; background-size: cover; 
	background-color: white;}
	.box_1_camere{ width: 76%; min-height:   200px;float: none;
  	margin-left: 12%;margin-top: 90px;margin-right: 12%;}
	.box_1_testo{width: 75%;min-height: 200px;float: none;position: absolute;}
	.box_2_camere{width: 76%; min-height: 200px;margin-top: 260px;margin-right: 12%;margin-left: 12%;}
	.box_2_testo{width: 75%;height: 200px;float: none;clear: both;position: absolute;margin-top: 490px;margin-right: 12%;
	margin-left: 12%;}


	
	.bt_primary{
    width: 100px;
    height: 40px;
    background-color: transparent;
    color: white;
    border-color: #FFFFFF;
    text-align: center;
    background-position: center;
    border-radius: 5px;
    font-size: 18px;
    margin-left: 25%;
    margin-top: 5%;
    border-width: thin;
	 font-weight: 200;
    font-family: 'Barlow', sans-serif;	
}
	
}