/*---------------------------------------------*\
                   generic
\*---------------------------------------------*/
.section .section-content .description {padding:50px 10%; max-width:100%}
.section .section-content.bgk-scritta div.testo * {font-size:25px}
.section .section-content.bgk-scritta div img {width:90%}
.section .section-content.newsletter {padding:150px 10% 50px 10%; background:#ccc}

.section .section-content.descr-image {padding:0px 10% 10% 20px}
.section .section-content.descr-image img {width:auto; display:block; margin:0px auto; float:initial; max-width:100%}
.section .section-content.descr-image .testo {width:100%; float:initial}
.section .section-content.descr-image img + .testo, .section .section-content.descr-image .testo + img {margin-left:0}

.section .section-content.descr-no-image {padding:0px 10% 10% 20px}

/*---------------------------------------------*\
                  header 
\*---------------------------------------------*/
#logo {max-width:40%}


/*---------------------------------------------*\
                  home 
\*---------------------------------------------*/
.slider-home .slider .intro-home {width:80%}

//.slider-home .slider .intro-home .button::before {display:none}
//.slider-home .slider .intro-home .button::after {display:none}
//.slider-home .slider .intro-home .button {display:block}

.instagram-home {padding:50px 10%}
.instagram-home .intro-instagram {width:100%; text-align:center}
.instagram-home .img-instagram {width:100%; margin:30px 0}

.socials-home {padding:50px 10%}
.socials-home .lista-social .single-social, .socials-home .lista-social .single-social.middle  {width:100%; margin:30px 0}

 .carousel-loghi  {padding:50px 10%}
 .carousel-loghi .logo {width:25%; margin: 0 4% 20px 4%;}

/*---------------------------------------------*\
                   lista categorie 
\*---------------------------------------------*/
.lista-categorie .categoria {width:100%}
.lista-categorie .categoria .nome {max-width:90%}
.lista-categorie .categoria .nome p {font-size:20px}

/*---------------------------------------------*\
                   lista ricette 
\*---------------------------------------------*/
.lista-ricette .ricetta {width:100%}
.lista-ricette .ricetta .nome {max-width:90%}
.lista-ricette .ricetta .nome p {font-size:20px}

/*---------------------------------------------*\
                dettaglio ricetta
\*---------------------------------------------*/
.info-ricetta {width:90%}
.info-ricetta .info ul li {width:49%}
.info-ricetta .info ul li.middle {margin:0 0 20px 0}
.info-ricetta .info ul li.middle span {border:none}

.section-content.link-prodotti a {max-width:80%}

.section.ingredienti .section-content .description div {width:100%}

/*---------------------------------------------*\
                   lista promozioni 
\*---------------------------------------------*/
.lista-promozioni .promozione {width:80%; margin:30px 10%}

/*---------------------------------------------*\
                   #footer / credits
\*---------------------------------------------*/
#footer {padding:30px 10%}
#footer .foot {width:100%; border:none; padding-right:0; text-align:center}
#footer .foot .loghi-footer {margin:0px auto 20px auto; clear:both; display:block; float:initial;     width: 100%;   max-width: 170px;}
#footer .foot .info-foot {margin:0px auto; float:initial;     width: 100%;}

#footer .newsletter_app {width:100%; margin:30px auto 0px auto; text-align:center; padding:0}
#footer .newsletter_app .iambro {margin:30px auto 0 auto; display:block}
#footer .newsletter_app .newsletter .input-newsletter {margin-left:-39px}

/*---------------------------------------------*\
                   blog
\*---------------------------------------------*/
.section-content.section-blog {padding:50px 10%}
.section-content .blog {width:100%}
.section-content .blog.middle {margin:0 0 30px 0}

/*---------------------------------------------*\
                   area download
\*---------------------------------------------*/
.section-content.file {padding:50px 10%}
.section-content.file .file-download {width:30%; margin:0 1% 30px 1% }

.section-content.login {padding:0 5% 50px 5%}

/*---------------------------------------------*\
                   chi siamo
\*---------------------------------------------*/
.dett-chi-siamo {width:100%; margin:0% 2%}

/*---------------------------------------------*\
                   chi siamo
\*---------------------------------------------*/
.info-contatti div {width:100%; margin:20px 0}