@media only screen and (min-width: 768px) {
	
	.header_home .header_in .logo.logo_homepage_big{ bottom: 150px; height: 150px;}
	.header_home .header_in .logo.logo_homepage_big .logo_in{ width: 130px;}


	
}

@media only screen and (max-width: 900px) {
	
	

	
}




  
@media only screen and (max-width: 768px) {
    
    html{overflow-x: hidden;}
    
    h1{font-size: 24px; font-weight: 700;}
	h2{font-size: 21px; font-weight: 400;}
	h3{font-size: 18px; font-weight: 700;}
	h4{font-size: 16px; font-weight: 700;}
	h5{font-size: 14px; font-weight: 700;}
    
    /* .logo_in img{ padding: 10px 0 0 0; box-sizing: border-box;} */
	
	
    .hamburger{ display: block;  }
	#menu_container{opacity: 0; position: fixed; height:100vh; width: 100%; top: 0; right: 0; left: 0; bottom: 100%; overflow: hidden; transition: all .5s ease; background-color: #FFF; z-index: 50; height: 0;}
	#menu_container.menu-visible{ display: block; bottom: 0; opacity: 1; height: 100%;  }
    #menu_container ul{
        padding: 60px 20% 0 20%;
    }
    #menu_container ul li {
		box-sizing: border-box;
		display: block;
		margin: 1px 0;
		text-transform: uppercase;
		font-size: 15px;
		text-align: center;
		border-bottom: 1px solid #f0f0f0;
	}
	
    #menu_container ul li.menu-lang-item {
		display: block;
		float: left;
		margin: 1px 1% 1px 0;
		width: 49%;
	}
	#menu_container ul li.menu-lang-item.menu-item-en{
		margin: 1px 0 1px 1%;
	}

	#menu_container ul li a {
		display: block;
		padding: 15px 10px;
	}
	
	#menu_container ul li.menu-item-spacer {
		display: none;
	}
	#menu_container.selettoremenu,
	#menu_container .underbar,
	#menu_container .overbar
	{ display: none;}

         
         
    .img_home{display: none;}     
    
    .header_home{position: relative;}
	
	/* .header .header_in{ position: sticky;} */
    .header_in{position: relative; display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0;}
    .logo{position: relative; display: inline-block; z-index: 9999; } 
    .hamburger{margin-left: auto;}    
	
	.header{ position: fixed; width: 100%; height: 60px; z-index: 9999;}
	.logo .logo_in{ padding: 10px 10px; }
    .content_cnt{ padding-top: 60px;}
    
    
    .fascia_testo_dx .myIn, .fascia_testo_sx .myIn{flex-direction: column; padding: 60px 0; margin: 0 auto;}
    .fascia_testo_dx .img_fascia, .fascia_testo_sx .txt_fascia{padding: 0; padding-bottom: 40px; width: 100%;}
    .fascia_testo_dx .txt_fascia, .fascia_testo_sx .img_fascia{padding: 0; width: 100%;}
         
	.fascia_solo_testo{padding: 60px 0;}     
	.paragrafo_row_cnt .solo_img{ padding: 0; width: 90%; margin: 0 auto;}
	.home_cnt .myIn:first-child{ padding-top: 20px;}	
	.post_item{width: 100%; padding: 20px 0;}
	.post_item header{width: 50%;}
		.post_item header figure{width: 100%; margin: 0;}
	
	.post_item article{width: 100%; padding: 0 0 0 15px;}
	.cols_flex{
		display: flex; align-items: flex-start; flex-direction: column;
		flex-wrap: wrap; justify-content: space-between ;
	}
	.col_50{ width: 100%; }

	.loghi_flex_item{ width: 50%; box-sizing: border-box; padding: 30px}

	.degustazioni_in_col_cnt{ 
		display: flex; align-items: flex-start; flex-direction: column;
	}

	.degustazione{ margin: 30px 0;}

	.footer_in{margin: 0 5%;
		display: flex; align-items: center; flex-direction: column;
		flex-wrap: wrap; 
	}
	.footer_info{
		width: 100%; 
	}
	
		
	.product_dett{padding: 0;}
	.product_dett_img, .product_dett_info{width: 100%; padding: 5px 0;}

	.shop_prod_rel .shop_categories_prod_item{padding: 10px; width: 50%;}

	#menu-footer{
		margin-top: 30px;
		width: 100%;
		columns: 2;

	}
	
}