@charset "UTF-8";
/* CSS Document */


@media only screen and (min-width: 768px) and (max-width: 979px) {

header .logo_header {width:250px; float:left;}
header p {display:none}

header .menu_home {display:none}
.user {margin-right:20px}
.social {text-align:center; padding-top:20px; float:left; width:100%}
.social img {width: 60px; margin:0px 5px}



footer {width:100%; float:left; margin:0px; padding:0px 0px 0px 0px; }
footer h2 {font-family: 'Open Sans'; font-size:45px; color:#434A52 !important; width:100%; float:left; text-align:center; font-weight:normal; padding:0px; margin:0px; padding-bottom:20px}
.footer {background:#95c11f; width:94%; float:left; margin:0px; padding:10px 3% 10px 3%; margin-top: -5px;}
.footer .left{width:42%; float:left}
.footer .left h6{width:100%; float:left; font-family: 'Open Sans'; font-weight:normal; color:#434A52 !important; font-size:25px; padding:0px; margin:10px 0px 0px 0px}
.footer .left p{width:100%; float:left; color:#434A52 !important; font-size:13px; font-style:italic; margin-top:5px}
.footer .left a {text-decoration:none; color:#434A52; font-size:13px;}
.footer .right{width:42%; float:left}
.footer .social {float: right; margin-left:4px; width:35px; margin-top:14px}
.footer .made {display:block; width:100%; float:right; text-align:right; color:#434A52 !important; font-style:italic; margin-top:62px; font-size:13px;}
.footer .logo_footer{width:16%; float:left; padding:15px 0px}

#intro {width:100%; float:left; background:#95c11f; text-align:center; padding:40px 0px}
#intro h2 {width:100%; float:left; font-family: 'Open Sans'; font-weight:normal; color:#434A52 !important; font-size:40px; text-align:center; margin-top:0px}
#intro p {width:80%; padding:0px 10%; float:left; color:#FFF !important; font-size:17px; text-align:center; margin:0px}
#intro p strong {color:#FFF !important; font-size:19px; text-align:center}

#succhi {width:100%; float:left; background:#db88a8; text-align:center; padding:40px 0px; margin-top:40px}
#succhi h2 {width:80%; padding:0px 10%; float:left; font-family: 'Open Sans'; font-weight:normal; color:#434A52 !important; font-size:55px; text-align:center; margin:0px}
#succhi p {width:80%; padding:0px 10%; float:left; color:#FFF !important; font-size:17px; text-align:center; margin:0px}
#succhi button {font-family: 'Open Sans'; padding:7px 70px 5px 70px; margin:0px; font-size: 25px !important; background:#009640; border-radius:30px; border:0px; color:#fff; margin-top:30px}

#menudelmese {width:100%; float:left; background:#FFF; text-align:center; padding:40px 0px 20px 0px}
#menudelmese h2 {width:50%; padding:0px 25%; float:left; font-family: 'Open Sans'; font-weight:normal; color:#434A52 !important; font-size:55px; text-align:center; padding-bottom:20px; margin:0px}
#menudelmese article {width:100%; padding:0px; float:left; margin-bottom:20px; position:relative}
#menudelmese article .lavagna{width:94%; padding:30px 3%; float:left; font-family: 'Open Sans'; font-weight:normal; color:#fff !important; margin:0px; background:url(../images/menu_background.jpg); background-repeat:no-repeat; background-size:100% 100%}
#menudelmese article .piatto {position: absolute; left:2%; width: 270px; top:-25px}
#menudelmese article .separatore_bianco {height:110px; float:right}
#menudelmese article .lavagna div{width:35%;}
#menudelmese article .lavagna .pricemenu{width:24% !important; float:right}
#menudelmese article .lavagna .piattopromo {position: absolute; right: 24%;}
#menudelmese article button {font-family: 'Open Sans'; padding:7px 20px 5px 20px; margin:0px; font-size: 16px !important; background:#009640; border-radius:30px; border:0px; color:#fff; margin-top:30px; float:right}
#menudelmese article span {font-family: 'Open Sans'; font-size: 46px !important; color:#fff; width:100%; text-align:right; float:right}
#menudelmese article h3 {font-weight: normal; width:100%; float:left; text-align:left; font-size:36px; padding:0px; margin:0px}
#menudelmese article ul {width:100%; float:left; text-align:left; font-size:22px; padding:0px; margin:0px}

#sezioni_home {width:90%; float:left; background:#FFF; text-align:center; padding:40px 5% 20px 5%}
#sezioni_home h2 {width:50%; padding:0px 25%; float:left; font-family: 'Open Sans'; font-weight:normal; color:#434A52 !important; font-size:55px; text-align:center; padding-bottom:20px; margin:0px}
#sezioni_home .separatore_grigio {float:left; width:0.25%; height:540px}
#sezioni_home div{width:33%; text-align:center; float:left}
#sezioni_home div img{width:100%; float:left}
#sezioni_home div p{width:90%; padding:0px 5%; float:left; font-size:16px}
#sezioni_home h3 {width:100%; padding:0px; float:left; font-family: 'Open Sans'; font-weight:normal; font-size:45px; text-align:center; padding-bottom:20px; margin:0px}
#sezioni_home button {font-family: 'Open Sans'; padding:7px 50px 5px 50px; margin:0px; font-size: 30px !important; background:#009640; border-radius:30px; border:0px; color:#fff; margin-top:20px;}




/* PAGE */
.pageheader {width:100%; float:left; background:#95c11f; padding: 95px 0px 20px 0px}
.pageheader h1 {font-family: 'Open Sans'; font-size:45px; color:#FFF !important; width:100%; float:left; text-align:center; font-weight:normal; padding:0px; margin:0px; text-transform: uppercase;}
.pageheader img{width:80%; float:left; padding: 0px 13.5% 0px 6.5%}
.pageheader p {font-size:17px; color:#434A52; width:100%; float:left; text-align:center; padding:0px; margin:0px; font-weight: 500;}

.subcategory{width:100%; float:left;text-align:center;background: rgba(149, 193, 31,0.20); padding-bottom:15px}
.subcategory a{display:inline-block; width: 10%; float:none}
.subcategory caption, .subcategory img {width:100%; color:#434A52}
.subcategory p {font-family: 'Open Sans'; font-size:15px; line-height:16px; color:#434A52 !important; float:left; text-align:center;width:100%; margin:0; padding:0px; margin-top: -9px; padding-bottom: 10px;}
.subcategory .riempitivo {width:5% !important}

.conto{width:100%; float:left;text-align:center; padding:30px 0px}
.conto h2 {width:100%; padding:0px; float:left; font-family: 'Open Sans'; font-weight:normal; font-size:35px; text-align:center; margin:0px}
.conto h3 {width:100%; padding:0px; float:left; font-family: 'Open Sans'; font-weight:normal; font-size:25px; text-align:center; margin:0px}
.conto p {width:100%; padding:0px; float:left; font-family: 'Open Sans'; font-weight:normal; font-size:18px; text-align:center; margin:15px 0px 15px 0px}

.prodotto {width:100%; float:left; margin:0px; padding:0px; margin-top:120px; margin-bottom:20px}
.prodotto .productinfo {width:90%; float:right; margin: 0px 5%}
.prodotto img {width:80%; float:right; margin: 30px 10% 0px 10%}
.prodotto .baffo {width:90%; margin:20px 5% 0px 5%; float:left; clear:both}
.prodotto h1 {font-family: 'Open Sans'; width:100%; text-align:left; font-weight:normal; float:left; font-size:35px; color:#008d36; padding: 0px; margin:0px;}
.prodotto h3 {font-family: 'Open Sans'; width:100%; text-align:left; font-weight:normal; float:left; font-size:20px; color:#95c11f; padding: 5px 0px 10px 0px; margin:0px;}
.prodotto h5 {font-family: 'Open Sans'; width:100%; text-align:left; font-weight:normal; float:left; font-size:20px; color:#008d36; padding: 30px 0px 10px 0px; margin:0px;}

	
	.homepage .right .menuhome p {width:80% !important; }
	.homepage .right .menuhome i {margin-top: 10px}
	.homepage .right .menuhome h3 {font-size: 30px; line-height: 30px; margin-top: 24px;}
}