html {height: 100%;overflow: hidden;font-family: 'Montserrat', sans-serif;color: #000;}
body {margin:0;padding:0;perspective: 1px;transform-style: preserve-3d;height: 100%;overflow-y: scroll;overflow-x: hidden;}
a {color: yellowgreen; text-decoration: none;}
a:hover {color: #fff;}

/*MENU*/
.navlogo {display: block; height: 60px;text-align: center; margin: 0 auto;padding-top: 20px;}
#menu li.logomenu a img {display:none;}
#menu {
    color: #000;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 0;
    background: #fff;
    z-index: 1000;
    height: 40px;
    text-align: center;
}
#menu li,#menu ul{margin:0 auto;}
#menu ul{display: inline-flex;}
#menu li{
    display:inline;
    position:relative;
    text-transform:uppercase;
    font-weight:400;
    bottom: -10px;
    border-left: 2px yellowgreen solid;
    padding-left: 7px;
    padding-right: 7px;}
#menu li:first-child {border-left: none;}
#menu a{
    display:block;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color: #000;
}
#menu a:hover{color: yellowgreen;}
#menu ul.menus {
    height: auto;
    overflow: hidden;
    width: 86px;
    background: #fff;
    position: absolute;
    z-index: 1000;
    display: none;
    left: 0;
    padding-left: 0;}
#menu ul.menus li{
    width:100%;
    font-size:10px;
    text-transform:none;
    border: none;
    text-align: center;
}
#menu ul.menus a {
    font-size: 11px;
    color: #000;
    font-weight: 400;
    line-height: 5px;
    padding: 10px 10px;
    margin: -5px;
}
#menu li:hover ul.menus{display:block}
#menu ul.menus a:hover{background:#222;color:#fff}
#menu input{display:none;opacity:0;width: 1000px; height: 50px;}
#menu label{display:none;}
@media screen and (max-width: 1100px){
    .navlogo {display: block; height: 60px;padding-top: 10px;text-align: left;margin-left: 0;padding-left: 20px;}
    #menu{position:relative;width:100%;z-index: 1000;}
    #menu label {font-size: 30px;padding-left: 30px;padding-top: 3px;}
    #menu ul{background:#fff;position:absolute;top:100%;display:none;padding-right: 20px; padding-bottom: 20px;text-align: left}
    #menu ul.menus{display: block;position:relative; border-left: 1px solid}
    #menu ul.menus li{text-align: left;}
    #menu li{display:block;border: none;}
    #menu a{font-size:12px;line-height:40px;padding:0 0 0 10px;text-decoration:none;color:#000}
    #menu input,#menu label{position:absolute;display:block}
    #menu input{z-index:1000}
    #menu input:checked ~ ul{display:block}}
/*MENU*/

/*INDEX
@keyframes fadeInOut {
  0% {opacity: 0;}
  45% {opacity: 1;}
  100% {opacity: 100%;}}
.fadein {
    opacity: 0;
    animation-name: fadeInOut;
    animation-delay: 1.5s;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
.black {background-color: #000;}
.slidebn {
    position: relative;
    min-height: 100vh;
    width: 100vw;
    box-sizing: border-box;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
}
#slide4 {background: url(../img/nadiabn3.jpg) no-repeat center left;background-size: ; z-index:2;}
.text3 {
    color:#fff; 
    margin: 10 auto;
    text-align: center;
    width: 700px;
    position: relative; 
    left: 45%;
    padding-top: 24%;
}
.text3 .logomt {width: 300px;}
.text3 .logonadia {width: 400px;}
.text3 .ananey {width: 500px;}
.text3 h1 {font-size: 1.2em;font-weight:500;padding: 10px;}
.website {padding-bottom: 10%;padding-top: 10%;}
.website a {font-size: 1.5em;font-weight: 700; border: 2px solid yellowgreen; padding: 8px 12px;}
.website a:hover {color: #000; background-color: yellowgreen;}
INDEX*/

/*theseries*/
.text23 {width: 50%;background: #fff;margin: 0 50% 0 0;text-align: center;padding: 5%;position: relative;}
.text23 h1 {color: #000;font-size: 2.9em; font-weight: 700;text-transform: uppercase;line-height: 30px;text-align:left; margin-bottom: 0;margin-top: 0;}
.text23 p {color: #000;font-size: 0.9em; font-weight: 400;padding-bottom: 0;text-align:left;}
@media only screen and (max-width: 900px) {
    .text23 {margin: 0 auto;text-align: center;width: 80%;padding: 5%;}
    .text23 h1 {margin-bottom: 5%;margin-top: 5%; font-size: 2em; line-height: 0.7}
    .text23 p {margin-bottom: 5%; line-height: 1.5;font-size: 0.8em;}}
.slideseries {
    position: relative;
    padding: 5vh 5%;
    min-height: 70vh;
    width: 100vw;
    box-sizing: border-box;
    transform-style: inherit;
}
.slideseries:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.theseriesbutton {text-align: center;padding-bottom: 50px;}
.theseriesbutton button {color: var(--color);transition: 0.25s;}
.theseriesbutton button:hover {border-color: var(--hover);color:yellowgreen;}
.theseriesbutton button:focus {border-color: var(--hover);color:yellowgreen;}
.theseriesbutton button a:hover {color:yellowgreen;}
.theseriesbutton button {
  position: relative;
  top:25px;
  background: none;
  border: 2px solid;
  margin: 0.5em;
  padding: 0.8em 1em;
}
.postit {
    position: absolute;
    top: 50%;
    left: 70%;
    height: 500px;
    transform: translateZ(.25px) scale(.75) translateX(-70%) translateY(-110%) rotate(2deg);
    padding: 10px;
}
.postit:last-of-type { 
    height: 450px;
    transform: translateZ(.4px) scale(.6) translateX(-84%) translateY(-65%) rotate(-5deg);
}
/*theseries*/

/*BLOCCHI IMMAGINI*/
.slideimg {
    position: relative;
    min-height: 70vh;
    width: 100vw;
    box-sizing: border-box;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
}
/*BLOCCHI IMMAGINI*/

/*NADIA CON PIATTO*/
.slideimg01 {
    position: relative;
    min-height: 70vh;
    width: 100vw;
    box-sizing: border-box;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
}
#slide3 {background: url(../img/nadiaellisbgbn.PNG) no-repeat center;background-size: cover; z-index:2;}
.animation-box {
  width: 80%;
  height: 45rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
    
}
@keyframes leftFadeInOut {
  0% {position: absolute;left: -3rem;opacity: 0;}
  75% {position: absolute;left 10rem;opacity: 1;}
  100% {opacity: 100;left: 10rem;}
}
.second-text {
  position: absolute;
  top: 150px;
  opacity: 0;
  animation: leftFadeInOut 4s linear 3s 1 normal forwards;
  color: #fff;
}
.second-text h1{font-size: 24px}
.second-text p{font-size: 13px}
.second-text img{width: 400px;}
.nadia5 {width: 30%;}
/*FINE NADIA CON PIATTO*/

/*INFOS E INSALATA*/
h5 {font-weight: 500;}
.slide {
    position: relative;
    padding: 5vh 5%;
    min-height: 70vh;
    width: 100vw;
    box-sizing: border-box;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
    transform-style: inherit;
}
.slide:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#slide1:before {; transform: translateZ(-1px) scale(2);z-index: 1;}
.slide, .slide:before {background: 100% / cover;}
.text2 {width: 50%;background: #fff;margin: 0 50% 0 0;text-align: center;padding: 5%;position: relative;}
.text2 h6 {color: #000;font-size: 4.9em; font-weight: 700;text-transform: uppercase;line-height: 55px;text-align: center; margin-bottom: 0;margin-top: 0;}
.text2 p {color: #000;font-size: 1.8em; font-weight: 200;padding-bottom: 0;text-align: center;}
.postit2 {
    position: absolute;
    top: 50%;
    left: 65%;
    height: 1200px;
    transform: translateZ(.25px) scale(.75) translateX(-55%) translateY(-80%) rotate(2deg);
    padding: 10px;
}
.postit2:last-of-type { 
    height: 1000px;
    transform: translateZ(.4px) scale(.6) translateX(-84%) translateY(-95%) rotate(-5deg);
}
.text4 {color:#000; text-align: center;}
.text4 .logomt {width: 200px;}
.text4 .logonadia {width: 240px;}
.text4 .ananey {width: 250px;}
.text4 .vf {width: 100px;}
.text4 h1 {font-size: 1em;font-weight:500;}
/*CANALI*/
#channel {
    height:100px; 
    position:relative; 
    overflow:hidden;
    margin-top: 30px;
}
.photobanner2 {margin: 0 auto;}
.photobanner2 img {margin: 0 1em; height: 35px;}
/*FINE CANALI*/
/*FINE INFOS E INSALATA*/

/*VIDEO LOOP*/
#slide6 {background: url(../img/20201009_131412.png) no-repeat center;background-size: cover;}
.slideimgx {min-height: 70vh;}
/*FINE VIDEO LOOP*/

/*SPONSOR*/
#sponsor {
    height:80px; 
    position:relative; 
    overflow:hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}
.photobanner {
    position:absolute; 
    top:0px; 
    left:0px; 
    overflow:hidden; 
    white-space: nowrap;
    animation: bannermove 45s linear infinite;
}
.photobanner img {margin: 0 5em; height: 80px;}
@keyframes bannermove {
    0% {transform: translate(0, 0);}
  100% {transform: translate(-50%, 0);
  }
}
/*FINE SPONSOR*/

/*VEGANFRIENDLY*/
.vg {width: 200px;}
.text {width: 400px;;background: #fff;margin: 0 auto; text-align: center;padding-top: 30px;}
.text p {color: #000;font-size: 0.8em; font-weight: 400;line-height: 20px;}
.vgws {color:yellowgreen;line-height: 60px;font-weight: 700;text-decoration: underline;font-size: 18px;}
.vgws:hover {color:pink;}
/*FINE VEGANFRIENDLY*/

/*MARCO E NADIA*/
#slide7 {background: url(../img/nadiaellisbg3.png) no-repeat center;background-size: cover; z-index:2}
.pg {text-align: center;height: 70vh}
.pg p {
    color: #fff; 
    position: relative; 
    top: 100px;
    font-size: 28px;
    font-weight: 700;
}
.pg p span{font-size: 0.8em; font-weight: 200;}
.offset {box-shadow: 0.3em 0.3em 0 0 var(--color),inset 0.3em 0.3em 0 0 var(--color);color: yellowgreen;background-color: rgba(0,0,0,0.5);}
.offset:hover {box-shadow:0 0 0 0 var(--hover),inset 6em 3.5em 0 0 var(--hover);}
.offset:focus {box-shadow:0 0 0 0 var(--hover),inset 6em 3.5em 0 0 var(--hover);}
button {color: var(--color);transition: 0.25s;}
button:hover {border-color: var(--hover);color: #fff;}
button:focus {border-color: var(--hover);color: #fff;}
button {
  position: relative;
  top:80px;
  background: none;
  border: 2px solid;
  margin: 0.5em;
  padding: 0.8em 1em;
}
/*FINE MARCO E NADIA*/

/*NADIA*/
.nadiabn img {width: 100%;}
.description {width: 50%; margin: 100px auto;}
.description h1 {color: yellowgreen; font-weight: 700;font-size: 28px;text-align: center}
.description h1 span{font-weight: 400;font-size: 20px;}
.description p {font-size: 12px; line-height: 28px;}
.description p span {color: yellowgreen; font-weight: 700;font-size: 16px;}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 800px) {
.description p {margin: 0; font-size: 16px;}}
@media only screen and (max-width: 600px) {
.description {width: 70%; margin: 80px auto;}    
.description p {margin: 0;  font-size: 14px;}
.description p span {font-size: 16px;}
.description h1 {color: yellowgreen; font-weight: 700;font-size: 28px;text-align: center}
.description h1 span{font-weight: 400;font-size: 18px;}
.nadiabn img{width: 200%;position: relative;right:230px;}}
/*FINE NADIA*/

/*MTFP*/
.mtfilmproduction{background: url(../img/P1013001.png);width: 100%;background-size: cover;height: 500px;}
.mtfilmproduction img {width: 100%;height: 200px;padding-top: 150px;}
.descriptionmtfp {width: 50%; margin: 100px auto;}
.descriptionmtfp h1 {color: black; font-weight: 700;font-size: 18px;text-align: center}
.descriptionmtfp h1 span{font-weight: 400;font-size: 20px;}
.descriptionmtfp p {font-size: 12px; line-height: 28px;}
.descriptionmtfp p span {color: black; font-weight: 700;font-size: 16px;}
@media only screen and (max-width: 800px) {
.descriptionmtfp p {margin: 0; font-size: 16px;}}
@media only screen and (max-width: 600px) {
    .mtfilmproduction img {height: 150px;padding-top: 160px;}
.descriptionmtfp  {width: 70%; margin: 80px auto;}    
.descriptionmtfp  p {margin: 0;  font-size: 14px;}
.descriptionmtfp  p span {font-size: 16px;}
.descriptionmtfp  h1 {font-weight: 700;font-size: 28px;text-align: center}
.descriptionmtfp  h1 span{font-weight: 400;font-size: 18px;}}
.smt {text-align: center;}
.smt a{color:dodgerblue; font-size: 18px;font-weight:700;}
.smt a:hover{color:darkblue; font-size: 18px;font-weight:700;}
/*FINE MTFP*/

/*CHEF*/
.chefph img {width: 50%;}
.broadcasting h2 {font-size: 18px;}
.descriptionchef {width: 40%; margin: 50px auto;}
.descriptionchef h1 {color: black; font-weight: 700;font-size: 20px;text-align: center}
.descriptionchef h1 span{font-weight: 400;font-size: 20px;}
.descriptionchef p {font-size: 12px; line-height: 24px;text-align: left;}
.descriptionchef p span {color: black; font-weight: 700;font-size: 16px;}
.subtitle {font-size: 25px;font-weight: 400;}
@media only screen and (max-width: 800px) {
.descriptionchef p {margin: 0; font-size: 16px;}}
@media only screen and (max-width: 600px) {
.descriptionchef  {width: 70%; margin: 80px auto;}    
.descriptionchef  p {margin: 0;  font-size: 12px;}
.descriptionchef  p span {font-size: 16px;}
.descriptionchef  h1 {font-weight: 700;font-size: 28px;text-align: center}
.descriptionchef  h1 span{font-weight: 400;font-size: 18px;}}
/*FINE CHEF*/

/*BROADCASTING*/
.social {height: 30px;font-size: 30px; width: 200px;margin: 0 auto;align-content: space-around;}
.social a {color: #000;padding: 20px;}
.social a i:hover {color: yellowgreen;}
.broadcasting .text4 p{line-height: 30px; font-weight: 700;font-size: 14px;width: 90%;margin: 20px auto;}
.broadcasting .text4 p a:hover{color:darkgreen;}
.broadcasting {text-align: center;}
.teaser {height: 500px;}
@media only screen and (max-width: 900px) {.teaser {height: 400px;}}
@media only screen and (max-width: 800px) {.teaser {height: 250px;}}
/*FINE BROADCASTING*/

/*PRESS*/

.interview {width:890px; height:500px;}

.pressbody {text-align: center;width: 80%; margin: 0 auto;border-top: 1px solid #000;}

.pressbody .cardbg {position: relative; top:0;}

.cardbg {
  background: #eee;
  display: inline-block;
  height: 370px;
  margin: 1.2rem;
  position: relative;
  width: 300px;
}

.cardbg-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.cardbg-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.cards {
    width: 100%;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
}

.card--1 .card__img, .card--1 .card__img--hover {
    background-image: url('https://www.gelestatic.it/thimg/TacS91adqhLtueA62dmJ8NUm8OQ=/960x540/smart/filters:format(webp)/https%3A//www.lanuovasardegna.it/image/contentid/policy%3A1.39282731%3A1599583009/image.jpg%3Ff%3Ddetail_558%26h%3D720%26w%3D1280%26%24p%24f%24h%24w%3Da952e14');}

.card--2 .card__img, .card--2 .card__img--hover {
    background-image: url('https://www.galluraoggi.it/wp-content/uploads/2020/09/2E4A1973-777x437.jpg');}

.card--3 .card__img, .card--3 .card__img--hover {
    background-image: url('../img/press/sard2.png');}

.card--4 .card__img, .card--4 .card__img--hover {
    background-image: url('https://images.unsplash.com/photo-1599854100970-974129a5c8b3?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=667&q=80');}

.card--5 .card__img, .card--5 .card__img--hover {
    background-image: url('../img/press/sard1.png');}

.card--6 .card__img, .card--6 .card__img--hover {
    background-image: url('https://images.unsplash.com/photo-1598699650718-421c561c67c8?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1269&q=80');}

.card--7 .card__img, .card--7 .card__img--hover {
    background-image: url('https://immagini.quotidiano.net/?url=http%3A%2F%2Fp1014p.quotidiano.net%3A80%2Fpolopoly_fs%2F1.5515664.1600267805%21%2FhttpImage%2Fimage.jpg_gen%2Fderivatives%2Fwidescreen%2Fimage.jpg&h=368&fmt=webp');}

.card--8 .card__img, .card--8 .card__img--hover {
    background-image: url('https://www.ravennawebtv.it/wp-content/uploads/2020/09/Schermata-2020-09-16-alle-17.23.22-696x533.png');}

.card--9 .card__img, .card--9 .card__img--hover {
    background-image: url('https://www.romagnanotizie.net/photogallery_new/images/2020/09/nadia-ellis-the-vegan-italian-chef-mercato-coperto-178325.660x368.jpg');}

.card--10 .card__img, .card--10 .card__img--hover {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/50/Ravenna_Piazza_del_Popolo_Westseite_0609.JPG');}

.card--11 .card__img, .card--11 .card__img--hover {
    background-image: url('https://www.costasmeralda.it/wp-content/uploads/2020/09/olive-oil-968657_1920.jpg');}

.card--12 .card__img, .card--12 .card__img--hover {
    background-image: url('https://www.ilikepuglia.it/uploads/38184/the-vegan-italian-chef-sbarca-in-puglia-una-troupe-televisiva-a-caccia-delle-ricette-tradizionali-vegane--1601292575-grande.jpeg');}

.card--13 .card__img, .card--13 .card__img--hover {
    background-image: url('../img/press/apulia4.png');}

.card--14 .card__img, .card--14 .card__img--hover {
    background-image: url('https://1.bp.blogspot.com/-Z3XPvMVNmPg/X3HMA6EntYI/AAAAAAAInf4/hmb2FH1kM6Qe4nE0PHn3EDTj0-MP2bo3QCLcBGAsYHQ/s16000/vegan.PNG');}

.card--15 .card__img, .card--15 .card__img--hover {
    background-image: url('../img/press/apulia3.png');}

.card--16 .card__img, .card--16 .card__img--hover {
    background-image: url('../img/press/apulia2.png');}

.card--17 .card__img, .card--17 .card__img--hover {
    background-image: url('https://www.lagazzettadelmezzogiorno.it/resizer/655/365/false/1601365530407.jpeg--.jpeg?1601365530000');}

.card--18 .card__img, .card--18 .card__img--hover {
    background-image: url('https://corato.gocity.it/library/media/le_riprese_con_nadia_ellis_e_simone_de_siato_a_leccej.jpg');}

.card--19 .card__img, .card--19 .card__img--hover {
    background-image: url('https://www.pugliamonamour.it/wp-content/uploads/2020/09/Nadia-Ellis-e-Nancy-DellOlio-a-Il-frantoio.jpeg');}

.card--20 .card__img, .card--20 .card__img--hover {
    background-image: url('../img/press/joia.png');}

.card--21 .card__img, .card--21 .card__img--hover {
    background-image: url('https://canosa.gocity.it/library/media/vegana.jpg');}

.card--22 .card__img, .card--22 .card__img--hover {
    background-image: url('https://images.unsplash.com/photo-1569003583032-73382e9c48af?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=675&q=80');}

.card--23 .card__img, .card--23 .card__img--hover {
    background-image: url('https://www.ambienteambienti.com/NEW_SITE/wp-content/uploads/2020/11/Nadia-Ellis-vegana-chef.jpg');}

.card--24 .card__img, .card--24 .card__img--hover {
    background-image: url('https://www.vetrina.toscana.it/wp-content/uploads/2020/11/The-vegan-italian-chef.jpg');}

.card--25 .card__img, .card--25 .card__img--hover {
    background-image: url('https://www.horecanews.it/wp-content/uploads/2020/12/horeca-news-molino-spadoni-tv-israeliana-1-640x348.png');}

.card--26 .card__img, .card--26 .card__img--hover {
    background-image: url('../img/press/18010658_1302699279767866_1506382224752360399_n.png');}

.card--27 .card__img, .card--27 .card__img--hover {
    background-image: url('https://www.israele360.com/wp-content/uploads/2021/01/feat-nadia-min-1223x640.jpg');}

.card--28 .card__img, .card--28 .card__img--hover {
    background-image: url('../img/press/NuritBen.png');}

.card--29 .card__img, .card--29 .card__img--hover {
    background-image: url('https://i1.sndcdn.com/avatars-000582076389-608omu-t500x500.jpg');}

.card--30 .card__img, .card--30 .card__img--hover {
    background-image: url('../img/press/AmirKaminer-YediothAharonoth.png');}

.card--30 .card__img, .card--31 .card__img--hover {
    background-image: url('../img/press/viamagazine.jpg');}

.card--30 .card__img, .card--32 .card__img--hover {
    background-image: url('../img/press/23905344_1712304198793531_6247191040111232944_n.jpg');}


.card__img {
    visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 240px; 
}

.card__img--hover {
    background-size:cover;
    background-position: center;
    width: 100%;
    position: absolute;
    height: 235px;
    top: 0;
}

.card__info {z-index: 2;padding: 10px 20px 10px 20px;}
.card__title {margin-top: 5px;margin-bottom: 10px;font-family: 'Roboto Slab', serif;}
.card__by {font-size: 10px;}

/*FINE PRESS*/

/*FOOTER*/
.slidef {padding: 1%;box-sizing: border-box;border-top: 1px solid #000;}
.footer {background-color: #fff;min-height: 30vh;text-align: center;}
.footer h2 {color: #000;font-size: 1em;}
.footer p {color: #000;font-size: 1em; font-weight: 400;margin: 0 auto;}
.footer .mtfp {width: 250px;padding-top: 20px;}
/*FINE FOOTER*/

/*GALLERY*/
.masonry { /* Masonry container */
    column-count: 3;
    column-gap: 1em;
    margin: 0 auto;
}
.item { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 90%;
}
.masonry {
    margin: 6em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}
.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}
.item img{max-width:100%;}
@media only screen and (min-width: 400px) {
    .masonry {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}}
@media only screen and (min-width: 700px) {
    .masonry {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}}
@media only screen and (min-width: 900px) {
    .masonry {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}}
@media only screen and (min-width: 1100px) {
    .masonry {-moz-column-count: 3;-webkit-column-count:3;column-count: 3;}}
@media only screen and (min-width: 1280px) {
    .wrapper {width: 1260px;}}
/*FINE GALLERY*/

/*RESPONSIVE*/
@media only screen and (max-width: 1250px) {
    /*INDEX*/
    #slide4 {background: url(../img/nadiabn2.jpg) no-repeat center;background-size: cover; z-index:2;}
    .text3 {background-color: rgba(0,0,0,0.4); margin: 10 auto;text-align: center;width: 100%;position: relative; left: 0%;padding-top: 350px;}
    .text3 .ananey {width: 45%;}
    .text3 .logomt {width: 30%;}
    .text3 .logonadia {width: 30%;}
    .text3 h1 {font-size: 1em;font-weight:500;padding: 0 30px;}
    /*INDEX*/   
        
    /*NADIA CON PIATTO*/
    @keyframes leftFadeInOut {
        0% {position: absolute;left: -3rem;opacity: 0;}
        75% {position: absolute;left 10rem;opacity: 1;}
        100% {opacity: 100;left: 1rem;}
    }
    .second-text {position: absolute;top: 10px;text-align: center;}
    .second-text h1{font-size: 20px;position: relative;top: -40px;}
    .second-text p{font-size: 12px;position: relative;top: -40px;}
    .second-text img{width: 250px;padding: 380px 0 0 0;}
    #slide3 {background: url(../img/nadiaellisbgbn2.PNG) no-repeat center;background-size: cover; z-index:2;}
    /*FINE NADIA CON PIATTO*/
        
    /*INFOS E INSALATA*/
    .text4 .ananey {width: 35%;}
    .text4 .logomt {width: 30%;}
    .text4 .logonadia {width: 50%;}
    .text4 h1 {font-size: 1.2em;font-weight:500;padding: 0 20px;}
    /*FINE INFOS E INSALATA*/ 
    
    .masonry {margin: 1em;}
    #channel {height:150px;}
    .photobanner2 img {height: 40px;padding: 10px 0;}  
}

@media only screen and (max-width: 900px) {
    /*INDEX*/
    .text3 {padding-top: 350px;}
    .text3 .ananey {width: 75%;}
    .text3 .logomt {width: 50%;}
    .text3 .logonadia {width: 60%;}
    .text3 h1 {font-size: 1em;font-weight:500;padding: 0 30px;}
    /*INDEX*/ 
    
     .interview {width:715px; height:400px;}
    
    /*INFOS E INSALATA*/
    .postit2 {display: none;}
    .postit {display: none;}
    .text2 {margin: 0 auto;text-align: center;width: 90%;padding: 5%;}
    .text2 h6 {margin-bottom: 5%;margin-top: -10%; font-size: 4em; line-height: 0.7}
    .text2 p {margin-bottom: 5%; line-height: 1.2;font-size: 1.5em;}
    .nadia5 {width: 80%; padding-bottom: 90px;}
    .text4 .ananey {width: 40%;}
    .text4 .logomt {width: 40%;}
    .text4 .logonadia {width: 50%;}
    .text4 h1 {font-size: 1em;font-weight:500;padding: 0 20px;}
    /*FINE INFOS E INSALATA*/
    
    #channel {height:150px;}
    .masonry {margin: 1em;}
        .chefph img {width: 90%;}
}

@media only screen and (max-width: 600px) {
    /*INFOS E INSALATA*/
    .text4 .ananey {width: 65%;}
    .text4 .logomt {width: 60%;}
    .text4 .logonadia {width: 60%;}
    .text4 h1 {font-size: 0.6em;font-weight:500;padding: 0 20px;}
    /*FINE INFOS E INSALATA*/

    #channel {height:200px;}
    .photobanner2 img {height: 30px;padding: 10px 0;}
    .photobanner img {margin: 0 1em; height: 55px;}
        
    .masonry {margin: 1em;}
    .pg {text-align: center;height: 50vh}
    
    .card__title {font-size: 16px;}
    .interview {width:450px; height:300px;}
    
    /*FOOTER*/
    .footer {min-height: 30vh;width: 100%;}
    .footer p {font-size: 1em;}
    .footer h2 {font-size: 0.8em;}
    /*FINE FOOTER*/
    
    .broadcasting h2 {font-size: 16px;}
    .broadcasting h1 {font-size: 24px;}
    .broadcasting h1 span {font-size: 20px;}
}