body { max-width: 600px; padding: 20px; width: calc(100% - 40px); text-align: center; margin: 0 auto; color: #888; background: #FFF;}
ul, li, h1, h2, h3, h4, h5, p { padding: 0; margin: 0; list-style: none; }
a { text-decoration: none; color: #888 }
p { font-size: 16px; line-height: 1.6 }
button { background-color: transparent; border: none; }
.center { text-align: center; }
.clearfix:after { content: ""; display: table; clear: both; }
.clear { clear: both; }
.upper { text-transform: uppercase; }
.fff {color: #fff}

.client-logo img {width: 200px; object-fit: cover; margin: 0 auto 30px;}


.open-close-box { position: relative; margin: 10px 0 0;}
.open-close-box.f { margin-top: 40px }

.open-close-box h3 {
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    color: #fff;
    width: calc(100% - 6%);
    /*height: 20px;*/
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 11px 3%;
    background-color: #222;
    border-radius: 10px;
}

.open-close-box .btnmore {position: absolute; top: 8px; right: 0; width: 100%!important; cursor:pointer;}
.open-close-box .btnmore .open { height: 20px; width: 20px; }
.open-close-box .btnmore img { height: 20px; width: 20px; float: right; background: transparent;padding: 11px;margin: -8px 0 0 0; } 

.text_open {text-align: left;}
.tipo_testo{ font-size: 16px; padding: 5px; font-style: italic; }
.prodotto { padding: 10px 5px; position: relative; border-bottom: 1px solid #ccc;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: start;
            -webkit-align-items: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: start;}

.prodotto .titolo {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-right: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

/*.prodotto .titolo span {margin: 0 0 0 5px; height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}*/
/*.prodotto .titolo span img { width: 20px; object-fit: cover;}*/

.prodotto .testo, .prodotto .ingredienti, .prodotto .allergeni, ul.intolleranze {    -webkit-flex-basis: 80%;
                                                                                     -ms-flex-preferred-size: 80%;
                                                                                     flex-basis: 80%;
                                                                                     -webkit-box-ordinal-group: 5;
                                                                                     -webkit-order: 4;
                                                                                     -moz-box-ordinal-group: 5;
                                                                                     -ms-flex-order: 4;
                                                                                     order: 4;
                                                                                     margin-right: 10px;
}

ul.intolleranze li {display: inline-block; margin: 0 2px; height: 20px;}
ul.intolleranze li img { width: 20px; object-fit: cover;}
ul.intolleranze li:first-child {margin: 2px 2px 0 0;}
.prodotto .foto { font-size: 18px;}
.prodotto .testo {font-size: 12px; line-height: 19px; margin: 5px 0 0; font-weight: 300;}
.prodotto .ingredienti { font-size: 15px; line-height: 21px; font-weight: 300; margin: 5px 0 0;}
.prodotto .ingredienti strong { font-weight: 500;}
.prodotto .allergeni { font-size: 12px; line-height: 16px; font-style: italic; font-weight: 300; margin: 10px 0 0;}
.prodotto .allergeni strong { font-weight: 500;}
.prezzo {font-weight: bold;}
.foto a { display: inline-block; margin: 0 0 0 8px; color: #525252;}

footer {margin: 130px auto 0; padding: 0 0 30px;}
.note-footer {font-size: 12px; line-height: 22px;}
ul.legenda li {display: inline-block; margin: 0 10px;}
ul.legenda li img {width: 20px; display: inline-block; vertical-align: middle;}
.note-extra-footer { margin: 20px auto; font-weight: bold; }

.bottom img { width: 70px;  margin-top: 6px; display: inline-block; vertical-align: top; }

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

}

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

}

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

}

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

}

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

    /*.open-close-box h3 { width: 86% }
    .open-close-box .btnmore img { border-radius: 8px }


    @media screen and (max-width: 500px) {
        .open-close-box h3 { width: calc(86% - 10px); margin-right: 10px }*/

    }