/*568px*/
@media screen and (min-width: 35.5em) {


    .home-big{
        padding-left: 180px  !important;
        padding-right: 180px  !important;
    }


    .product-desc button{
        font-size: 1.5em;
        line-height: 1.3em;
        background-color: rgba(255,255,255,0);
        margin: 0;
        padding: 0;
    }
    .product-desc button.snipcart-add-item{
        font-size: 1.5em;
        line-height: 1.3em; 
    }
    .prodotto-nuovo{
        font-size: 1.5em;
        line-height: 1.3em;
        background-color: rgba(255,255,255,0);
        margin: 0;
        padding: 0;
    }
    .link-home-end{
        font-size: 1.5em;
    }
}

/*768px*/
@media screen and (min-width: 48em) {


    
    .the-title h2{
        line-height: 0.7; 
        margin-left: 0;
        margin-right: 0;
    }
    .project-desc{
        margin: 0;
    }
    .social ul{
      list-style: none;
      float: left;
      display: inline; 
      margin: 0 auto;
      padding: 0; 
      width: auto;  
  }
  .social ul li{
      width: auto;
      text-align: left;
  }
  .social ul li a{
      text-align: left;
      width: auto;
  }
  .social ul li:first-child a{
      color: #000;
      padding: 0 10px 0 0;
  }
  .social ul li:after{
      content: "|"
  }
  .social ul li:last-child:after {
      content: ""
  }
  .copyright{
      float: left;
      position: relative;
      right: 197px;
      /*bottom: 217px;*/
      bottom: 242px;
      -ms-transform: rotate(-90deg); /* IE 9 */
      -webkit-transform: rotate(-90deg); /* Safari */
      transform: rotate(-90deg);
      
      letter-spacing: 1px;  
      font-size: 13px;
      margin: auto;
      width: auto;
  }

    /*.copyright-home{
      position: absolute;
      bottom: 9.1vh;
      
      letter-spacing: 1px;  
      font-size: 13px;
      left: 5%;
    }*/

    .copyright-home{
        /*position: absolute;
        bottom: -18vh;*/
        /*margin-top: 0;*/
    }

    .desk-visible{
      display: block;
  }
  .mob-visible{
    display: none;
}

.big-title-project {
    position: relative;
    mix-blend-mode: multiply;
    z-index: 999;
    left:25%;
    float: left;
}

.big-title-project a{
    text-decoration: none;
}


.next-prev{
    width: 100%;
    float: left;
}
.prev-box{
    float:left !important;
    margin-left: 0;
}
.prev-p{
    padding: 4px 30px 5px 70px;
}
.next-box{
    float: left !important;
}
.next-p{
    padding: 4px 70px 5px 30px;
    margin-right: 0;
}




.all-box{
    float: left !important;
    margin-left: 0;
}
.all-p{
    padding: 4px 130px 5px 130px;
    margin-right: 0;
}


.home-big{
  padding-left: 5px  !important;
  padding-right: 5px  !important;


}

.home-big-2{
    padding-left: 6%  !important;
    padding-right: 6%  !important;
    line-height: 0.75;
}

.social ul li{

    font-size: 1.2em;

}
.small-project-desc{
  display: none;
}

.works-text-box{
    padding-left: 2%;
    padding-right: 2%;
}



.home-big-2{
    padding-left: 60px  !important;
    padding-right: 60px  !important;
}


.big-title {
    position: absolute;
}

.img-desc{
    margin-left: 6%;
    margin-right: 6%;
}
.home-title {
        position: static;
    }





}

/*1024px*/
@media screen and (min-width: 64em) {

    .product-desc p{
        margin: 1em 0;
        line-height: 1.4em;
    }

    .img-desc{
        margin-left: 10%;
        margin-right: 10%;
    }
    .big-title-f0 {

    }
    .big-title-f0 h1{
        line-height: 0;
        height: 0;  
        margin: 0; 
    }
    .big-title-f1 {

    }
    .big-title-f1 h1{
        line-height: 0;
        height: 0;
        margin: 0;  
    }
    .big-title-f2 {

    }
    .big-title-f2 h1{
        line-height: 0;
        height: 0;  
        margin: 0; 
    }
    .big-title-f3 {

    }
    .big-title-f3 h1{
        line-height: 0;
        height: 0;  
        margin: 0; 
    }
    .big-title-f4 {

    }
    .big-title-f4 h1{
        line-height: 0;
        height: 0;  
        margin: 0; 
    }
    .big-title-f5 {

    }
    .big-title-f5 h1{
        line-height: 0;
        height: 0;  
        margin: 0; 
    }



    .svg-content {
        float: right;
    }
    .logo-da {
        padding-top: 5px;
        padding-left: 0;
    }
    .button_container{
        display: none;
    }
    .scroll-down{
        display: block;
    }
    .go-top{
        display: block;
    }
    .lang{
        position: fixed;
        right: -55px;
        top: 60px;
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        transform: rotate(90deg);
    }
    .lang ul{
      list-style: none;
  }

  .lang ul li{
    float: left;

    letter-spacing: 1px;  
    font-size: 13px;
    padding: 0 5px;
}
.lang ul li:after{
    content: "|";
    margin-left: 7px;
}
.lang ul li:last-child:after {
    content: "";
}
.lang ul li a{
    color: #000;

}
.lang-desk{
    display: block;
}
.lang-mob{
    display: none;
}
.project-desc{
  display: block;
  font-size: 1.3em;
}

.percentage{
  position: fixed;
  right: 31px;
  top: 100vh;
  margin-top: -56px;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);

  letter-spacing: 1px;  
  font-size: 13px;
  opacity: 1;
}

.overlay {
  position: static;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  background-color: rgba(0,0,0,0) !important;
  padding-top: 4px;
}
.overlay nav {
  position: static;
  height: auto;
  top: auto;
  transform: translateY(0%);
  font-size: 15px;
  text-align: left;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: static;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: auto;
  position: static;
  opacity: 1;
}
.overlay ul li a {
  display: block;
  position: static;
  color: #000;
  text-decoration: none;
  overflow: hidden;

  margin-right: 0;
  float: right;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: auto;
}
.overlay ul li a:hover {
  text-decoration: underline;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0%;
  width: auto;
  transform: translateX(0%);
  height: auto;
  background: #FFF;
  transition: .35s;
}
.product-desc ul li{
  margin: 1em 0 4em 0;
  padding: 0 1.8em 0 0;
  float: left;
}
.svg-content { 
    top: 0;
    left: 0;
    transform: scale(1); 
}

.introduction-text{

    font-size: 2em;
}
.address-small{
  display: block;
}
.column div span {
    bottom: -80px;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
}
figure {
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
figure:hover+span {
  bottom: -100px;
  opacity: 1;
}
.fog-bg{
    background: url(../images/404.jpg);
    background-size: cover;
    background-position: center center;
}




.small-project-desc-2{
  display: none;
}

.works-text-box{
    padding-left: 13%;
    padding-right: 6%;
}

.titolo-works{
    margin-top: 3rem;
    font-size: 2.5rem;
}
.boxed4{
    width: 89%;
    margin-left: 5.5%;
    margin-right: 5.5%;
}




}

/*1280px*/
@media screen and (min-width: 80em) {

    .introduction-text{

      font-size: 3.2em;
  }

  .social ul li{

    font-size: 1.5em;

}
.home-big-2{
    padding-left: 80px  !important;
    padding-right: 80px  !important;
}
.copyright-home{
    /*bottom: -35vh;*/
}

.project-desc {
    font-size: 1.5em;
}



}

/*1400px*/
@media screen and (min-width: 87.5em) {

    .boxed2 h1.boom{
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .boxed3 h1.boom{
        padding-left: 0;
        padding-right: 0;
        width: 1360px;
        margin: 0 auto;
    }
    .boxed4 h1.boom{
        padding-left: 0;
        padding-right: 0;
        width: 1360px;
        margin: 0 auto;
    }
    .home-big-2{
        padding-left: 5px  !important;
        padding-right: 5px  !important;
    }
    .copyright-home{
            /*bottom: -22.6vh;
*/    }
        .home-title {
            max-width: 985px;
        }
        .img-desc{
            margin-left: 0%;
            margin-right: 0%;
        }
        .boxed2{
            width: 89%;
            margin-left: 5.5%;
            margin-right: 5.5%;
        }

        .custom-padding{
        padding-left: inherit;
        padding-right: inherit;
        }


}




/*1610px*/
@media screen and (min-width: 100em) {

    .boxed2 h1.boom{
        width: 1432px;
    }


 


}




/*1920px*/
@media screen and (min-width: 120em) {
    .home-title {
        max-width: 1280px;
    }
    
}



/* MENU speciale */
@media screen and (max-width: 1024px) {



    @keyframes fadeInRight {
        0% {
          opacity: 0;
          left: 20%;
      }
      100% {
          opacity: 1;
          left: 0;
      }
  }  

}