@media only screen and (min-device-width: 0px) and (max-device-width: 1400px){
  .cursor, .cursor-follower{display: none;}
  .open-photo .go-back, .open-video .go-back{display: block;}
  #collections-sec .filters-page .go-back{display: block;}
  #project-ind-sec .wrap .project-e-wrap .e .container .ewrap .media-icon, section .collection .wrap .row .post .image .media-icon{display: block;}
}
@media (min-width: 2300px) {
  section .wrap article .image{max-width: calc(1400px / 1.3);}
  section .wrap article .title h2{font-size: 10em;}
  section .wrap article:nth-child(even) .title p.number, #projects-sec .wrap article:nth-child(even) .title p.number{right: 0; left: inherit; margin-right: 30px;}
  section .wrap article:nth-child(odd) .title p.number, #projects-sec .wrap article:nth-child(odd) .title p.number{left: 0; right: inherit; margin-left: 30px;}
  section .wrap article:nth-child(even) .title .tags, #projects-sec .wrap article:nth-child(even) .title .tags{right: 0; left: inherit; margin-right: 30px;}
  section .wrap article:nth-child(odd) .title .tags, #projects-sec .wrap article:nth-child(odd) .title .tags{left: 0; right: inherit; margin-left: 30px;}
}
@media (max-width: 1680px) {
  .logo, section .principal .reference{
    left: calc((100vw / 14) - (.6px));
    transform: translateX(-50%);
  }
  .button-menu{
    right: calc((100vw / 14) - (.6px) - 3px);
    transform: translateX(50%);
  }
  nav.menu{
    right: calc(17.57vw + 30px);
  }
  .instagram{
    right: calc((100vw / 14) - (.6px) - 88px);
  }
  .go-top{
    right: calc((100vw / 14) - (.6px) - 3px);
    transform: translateX(50%);
  }
  section .wrap{
    width: calc(100% - 28vw);
  }
  section .cv .ref-sec{
    left: calc((100vw / 14) - (.6px) + 5px);
  }
  .contact-sec p.mail{font-size: 3.286vw;}
  #collections-sec .filters{
    left: calc((100vw / 14) - (.6px));
    transform: translateX(2px);;
  }
  #project-ind-sec .read-ref{
    left: calc((100vw / 14) - (.6px));
    transform: translateX(-50%);
  }
  #projects-sec .open-minimum{
    left: calc((100vw / 14) - (.6px));
    transform: translateX(-50%);
  }
}
@media (max-width: 1490px){
  section .cv .timeline{width: calc(100% - 350px);}
}
@media (max-width: 1330px){
  section .cv .skills .container .column{width: calc(50% - 100px);}
  section .cv .skills .container .column .software .puntuation{width: 40%;}
  section .cv .timeline .point .image{opacity: .04;}
  section .collection .wrap{
    width: calc(100vw - 450px);
  }
  section .collection .wrap .row .post{
    width: calc(50% - 60px);
  }
  #project-ind-sec .wrap{width: calc(100% - 250px);}
  #project-ind-sec .wrap .project-a .title-a h2{font-size: 8em;}
}
@media (max-width: 1235px){
  .structure-lines .line:nth-child(1), .structure-lines .line:nth-child(2){display: none;}
  .structure-lines .line{
    background-color: white;
    position: relative;
    width: 1px;
    height: 100%;
    float: left;
    margin-left: calc((100% / 12) - (.6px));
    opacity: .02;
  }
  .logo{
    left: 67px;
    transform: translate(0);
  }
  section .principal .reference{
    left: 85px;
    transform: translate(0);
  }
  .button-menu{
    right: 70px;
    transform: translate(0);
  }
  .contact-sec p.mail{font-size: 4.286vw;}
  .contact-sec p.mail::after{width: 65vw;}
  section .wrap{width: calc(100% - 340px);}
  .instagram{
    right: 2px;
  }
  .go-top{
    right: 72px;
    transform: translate(0);
  }
  section .principal h1{
    left: 20%;
    transform: translate(0);
  }
  section .wrap article .title h2{font-size: 6em;}
  section .cv .timeline{width: calc(100% - 130px);}
  section .cv .timeline .point{margin-bottom: 140px;}
  section .cv .timeline .point:nth-child(1) .image{left: 80px;}
  section .cv .timeline .point:nth-child(2) .image{right: 90px;}
  section .cv .skills{width: calc(100% - 360px)}
  section .cv .skills .container .column{width: calc(50% - 80px);}
  section .cv .skills .container .column .software .puntuation{width: 45%;}
  section .cv .skills .container .column .software p{font-size: 1.1em;}
  section .cv .timeline{margin-bottom: 230px;}
  section .collection .list{
    top: 340px;
    left: inherit;
    right: calc(30% - 50px);
    margin-left: 0;
  }
  #project-ind-sec .read-ref{left: 85px;}
  #cookies-sec .wrap{width: calc(100% - 200px); padding: 350px 0 0 0; margin: 0 auto;}
  #projects-sec .open-minimum{
    left: 79px;
    transform: translate(0);
  }
}
@media (max-width: 1100px){
  #project-ind-sec .wrap .project-a{width: calc(100% - 100px); margin: 0 auto;}
  #project-ind-sec .wrap .project-a .image-a{width: 100%; height: calc(50vh - 50px);}
  #project-ind-sec .wrap .project-a .title-a{top: inherit; position: relative; transform: none;}
  #project-ind-sec .wrap .project-a .title-a h2{font-size: 5em;}
  #project-ind-sec .wrap .project-a .info-a{width: 100%;}
  #project-ind-sec .wrap .project-a .info-a .data-a{width: auto;}
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap{
    width: calc((100% / 3) - ((40px / 3) * 2));
    margin-left: 40px;
    margin-bottom: 40px;
  }
  #project-ind-sec .wrap .next-project .next p.title-n{font-size: 3.5em;}
  .not-content .wrap p.not{font-size: 40vw;}
  .not-content .wrap p.ups{margin-top: -2vw;}
}
@media (max-width: 1000px){
  section .wrap article .title h2{font-size: 4em;}
  section .wrap article .image{width: calc(65vw - (460px / 2))}
  section .wrap article .title p.number, #projects-sec .wrap article .title p.number{font-size: 1.5em;}
  section .wrap article:nth-child(odd) .title p.number{right: calc(65vw - (460px / 2));}
  #projects-sec .wrap article:nth-child(odd) .title p.number{left: calc(65vw - (460px / 2));}
  section .wrap article:nth-child(even) .title p.number{left: calc(65vw - (460px / 2));}
  #projects-sec .wrap article:nth-child(even) .title p.number{right: calc(65vw - (460px / 2));}
  section .wrap article:nth-child(odd) .title .tags{left: 0; right: inherit; margin-left: 30px;}
  #projects-sec .wrap article:nth-child(odd) .title .tags{margin-left: 50px; left: calc(65vw - (460px / 2));}
  section .wrap article:nth-child(even) .title .tags{right: 0; left: inherit; margin-right: 30px;}
  #projects-sec .wrap article:nth-child(even) .title .tags{left: 0; right: inherit; margin-left: 30px;}
  section .wrap article .title .tags p, #projects-sec .wrap article .title .tags p{font-size: .9em;}
  section .wrap article .title p.number::after, #projects-sec .wrap article .title p.number::after{width: 10px}
  section .wrap article .title p.number, #projects-sec .wrap article .title p.number{top: -35px;}
  section .wrap article:nth-child(odd) .title p.number, #projects-sec .wrap article:nth-child(odd) .title p.number{padding-right: 17px;}
  section .wrap article:nth-child(even) .title p.number, #projects-sec .wrap article:nth-child(even) .title p.number{padding-left: 17px;}
  section .cv .timeline .point{margin-bottom: 200px;}
  section .cv .timeline .point:nth-child(2) .image{bottom: -200px;}
  section .cv .skills .container .column{width: calc(50% - 60px);}
  section .cv .skills .container .column .software .puntuation{width: 40%;}
  section .collection .wrap{width: calc(100vw - 350px);}
  #project-ind-sec .wrap .project-e-wrap .e .container{margin: 0 0 100px 0 !important;}
  #project-ind-sec .wrap .project-e-wrap .e:last-child .container{margin: 0 0 0 0 !important;}
  #project-ind-sec .wrap .project-e-wrap .e img-required .container .ewrap{width: 100% !important;}
  #project-ind-sec .wrap .project-e-wrap .e .container .ewrap.left,#project-ind-sec .wrap .project-e-wrap .e .container .ewrap.right, #project-ind-sec .wrap .project-e-wrap .e .container .ewrap.center{float: none !important; text-align: left !important;}
  #project-ind-sec .wrap .project-e-wrap .e text-required .container .ewrap{width: 100% !important}
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap{
    width: calc((100% / 2) - ((40px / 2) * 1)) !important;
    margin-left: 40px;
    margin-bottom: 40px;
  }
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap:nth-child(3n+1){margin-left: 40px; clear: none;}
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap:nth-child(2n+1){margin-left: 0;}
}
@media (max-width: 900px){
  .structure-lines .line:nth-child(3), .structure-lines .line:nth-child(4){display: none;}
  .structure-lines .line{
    background-color: white;
    position: relative;
    width: 1px;
    height: 100%;
    float: left;
    margin-left: calc((100% / 10) - (.6px));
    opacity: .02;
  }
  .logo{top: 60px;}
  .button-menu{top: 70px;}
  nav.menu{display: none;}
  .menu-page .menu-t li.g{font-size: 5em;}
  section .cv .ref-sec{left: 90px;}
  section .principal h1{
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section .principal .button-box{
    top: 66%;
    left: 40%;
  }
  section .wrap article .title{
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    margin: 0 0 10px 0;
    transform: translate(0);
  }
  section .wrap article:nth-child(odd) .title, #projects-sec .wrap article:nth-child(odd) .title{left: inherit; margin-left: 0;}
  section .wrap article:nth-child(even) .title, #projects-sec .wrap article:nth-child(even) .title{right: inherit; margin-right: 0;}
  section .wrap article:nth-child(even) .title h2, section .wrap article:nth-child(odd) .title h2, #projects-sec .wrap article:nth-child(even) .title h2, #projects-sec .wrap article:nth-child(odd) .title h2{text-align: left; font-size: 4em;}
  section .wrap article .title p.number, #projects-sec .wrap article .title p.number{
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    margin: 0;
    transform: translate(0);
    margin-bottom: 12px;
    font-size: 1.2em;
  }
  section .wrap article:nth-child(even) .title p.number, section .wrap article:nth-child(odd) .title p.number, #projects-sec .wrap article:nth-child(even) .title p.number, #projects-sec .wrap article:nth-child(odd) .title p.number{left: 0; margin-left: 0; margin-right: 0; padding: 0 0 0 12px;}
  section .wrap article:nth-child(odd) .title p.number::after, section .wrap article:nth-child(even) .title p.number::after, #projects-sec .wrap article:nth-child(even) .title p.number::after, #projects-sec .wrap article:nth-child(odd) .title p.number::after{right: inherit; left: 0; height: 1px; width: 7px}
  section .wrap article .title .tags, #projects-sec .wrap article .title .tags{
    right: 0;
    left: inherit;
    margin: 0;
    transform: translate(0);
    bottom: calc(-32vw - 30px);
  }
  section .wrap article:nth-child(odd) .title .tags, #projects-sec .wrap article:nth-child(odd) .title .tags{left: inherit; margin: 0 10px 0 0; right: 0;}
  section .wrap article:nth-child(even) .title .tags, #projects-sec .wrap article:nth-child(even) .title .tags{right: 0; margin: 0 10px 0 0;}
  section .wrap article .image{width: 100%;}
  section .wrap article:nth-child(odd) .image, section .wrap article:nth-child(even) .image, #projects-sec .wrap article:nth-child(even) .image, #projects-sec .wrap article:nth-child(odd) .image{float: none}
  section .wrap article .image .pti, section .wrap article .image .nits{background-position: center;}
  footer .ft, .footer .ft{padding: 80px 90px 70px 97px;}
  footer .ft p, .footer .ft p{margin-left: 100px;}
  footer .ft p:first-child, .footer .ft p:first-child{margin-left: 0}
  section .about-cover .text h4{font-size: 5em;}
  section .about-cover .text h4:last-child{font-size: 4.5em;}
  section .cv .description{margin: 10px auto 100px auto;}
  section .cv .timeline{width: 250px; transform: translateX(30px);}
  section .cv .timeline .point{margin-bottom: 100px;}
  section .cv .timeline .point:nth-child(odd), section .cv .timeline .point:nth-child(even){padding: 0;}
  section .cv .timeline .point .year p.to{left: 0;}
  section .cv .timeline .point:nth-child(odd) .info, section .cv .timeline .point:nth-child(even) .info, section .cv .timeline .point:nth-child(odd) .year, section .cv .timeline .point:nth-child(even) .year{float: none; text-align: left; margin-left: 0; margin-right: 0;}
  section .cv .timeline .point:nth-child(1) .image{bottom: -100px; width: 200px; height: 200px;}
  section .cv .timeline .point:nth-child(2) .image{bottom: -100px; right: inherit; left: -150px; width: 300px; height: 160px;}
  section .cv .timeline .point:nth-child(3) .image{top: -150px; left: 100px; width: 200px; height: 110px;}
  section .cv .timeline .point:nth-child(4) .image{left: -100px; }
  section .cv .timeline .point:nth-child(5) .image{bottom:-100px; left: 80px; width: 280px; height: 120px;}
  section .cv .skills .container .column, section .cv .skills .container .column:nth-child(even), section .cv .skills .container .column:nth-child(1){float: none; margin-bottom: 100px;}
  section .cv .skills .container .column{width: 100%;}
  section .cv .skills .container .column .software p {font-size: 1.3em;}
  section .cv .skills {width: calc(270px);}
  section .cv .timeline{margin-bottom: 130px;}
  section .cv .skills .container .column .software{margin-bottom: 30px;}
  section .collection .wrap{padding-top: 300px;}
  section .collection .wrap .row{margin-top: 100px;}
  section .collection .wrap .row .post{
    position: relative;
    width: 100%;
    float: none;
  }
  section .collection .wrap .row:nth-child(2n+2) .post{float: none;}
  #collections-sec .filters{left: 87px;}
  section .collection .list{display: none;}
  .contact-sec{height: calc(100vh - 161px);}
  .contact-sec p.mail{top: calc(50% + (161px / 3));}
  #project-ind-sec .wrap .project-a .title-a h2{font-size: 4em;}
  #project-ind-sec .wrap .project-a{padding-top: 30px;}
  #project-ind-sec .wrap .next-project .next p.title-n{font-size: 3em;}
  #project-ind-sec .next-project{height: calc(40vh + 300px);}
  #project-ind-sec .next-project .b.blue, #project-ind-sec .next-project .b.green{opacity: 0;}
  #project-ind-sec .next-project .img.plus-size{transform: scale(1);}
}
@media (max-width: 850px){
  #project-ind-sec .wrap .project-a .image-a{height: calc(50vh - 120px);}
  #project-ind-sec .wrap .project-a .info-a .data-a{float: none;}
  #project-ind-sec .wrap .project-a .info-a .data-a:last-child{margin-top: 50px;}
  #project-ind-sec .wrap .project-e-wrap .e .container .ewrap p.footimage{margin: 10px 0 0 10px; font-weight: 400; font-size: .8em;}
}
@media (max-width: 750px){
  .structure-lines .line:nth-child(5), .structure-lines .line:nth-child(6){display: none;}
  .structure-lines .line{
    background-color: white;
    position: relative;
    width: 1px;
    height: 100%;
    float: left;
    margin-left: calc((100% / 8) - (.6px));
    opacity: .02;
  }
  .contact-sec p.mail{font-size: 5.286vw;}
  .contact-sec p.mail::after{width: 75vw;}
  section .wrap article:nth-child(even) .title h2, section .wrap article:nth-child(odd) .title h2, #projects-sec .wrap article:nth-child(even) .title h2, #projects-sec .wrap article:nth-child(odd) .title h2{
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 2.5em;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .logo{
    width: 35px;
    height: 35px;
    top: 35px;
    left: 35px;
  }
  .logo-text{
    width: 70px !important;
    height: 70px !important;
    margin-left: -35px !important;
    margin-top: -35.5px !important;
    opacity: 1 !important;
  }
  .button-menu{
    top: 45px;
    right: 35px;
  }
  .button-menu div{box-shadow: 0px 4px 20px 0 rgba(0,0,0,0.1);}
  .go-top{
    right: 8px;
    bottom: 50px;
    top: inherit;
  }
  .instagram{left: 32px; bottom: 50px;}
  .instagram a{font-size: .7em; font-weight: 400;}
  section .principal .reference{
    left: 25px;
    bottom: 30vh;
    top: inherit;
    display: none;
  }
  .d-head{background-size: auto 90%;}
  .button-box .box p{font-weight: 400; white-space: nowrap;}
  section .principal h1{font-size: 5em;}
  section .principal .button-box{left: 50%;}
  section .scroll-guide{bottom: 120px;}
  section .wrap{width: calc(100% - 100px); margin-top: 0px;}
  section .wrap article{margin-bottom: 30vw;}
  section .wrap article .image{height: 60vw;}
  section .wrap article .title{padding-left: 0vw;}
  section .wrap article .title .tags, #projects-sec .wrap article .title .tags{bottom: calc(-60vw - 30px);}
  section .wrap article .title p.number{font-weight: 300;}
  section .wrap.projects .button-box{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    bottom: -50px;
    white-space: nowrap;
  }
  .footer{
    position: fixed !important;
    bottom: 0;
    left: 0;
  }
  .menu-page .menu-t li:nth-child(4){margin-bottom: 30px !important;}
  .menu-page .menu-t li:nth-child(5) a{font-weight: 300;}
  section .collection{margin-top: 40vw;}
  section .collection h3.fill{font-size: 6em; top: -110px}
  section .collection h3.trazo{font-size: 6em; top: -110px}
  .click-transition div.animate{
    width: 230vh;
    height: 230vh;
  }
  .title-t{margin-top: 220px; margin-bottom: 120px;}
  .title-t p{font-size: 4.5em;}
  section .about-cover .me {background-size: auto 80%; background-position-y: 30%;background-position-x: 45%;}
  section .cv .ref-sec{left: 32px; bottom: 150px;}
  section .cv .skills .container .column .software p {font-size: 1.1em;}
  section .cv .skills {width: 220px;}
  section .collection .wrap{width: calc(100vw - 300px);}
  #collections-sec .filters{bottom: 150px;left: 28px;}
  #project-ind-sec .read-ref{display: none}
  #project-ind-sec .top-red-ref{display: block;}
  #project-ind-sec .wrap .project-a{display: inline-block; height: auto;}
  #project-ind-sec .wrap .project-a{width: 100%; padding-top: 40px;}
  #project-ind-sec .wrap {width: calc(100% - 100px); padding-top: 80px;}
  #project-ind-sec .wrap .project-a .info-a{padding-left: 0;}
  #project-ind-sec .wrap .project-a .title-a{margin-bottom: 5px;}
  #project-ind-sec .wrap .project-a .title-a h2{font-family: 'Montserrat', sans-serif; font-size: 3em;}
  #project-ind-sec .wrap .project-a .scroll-guide{display: none;}
  #project-ind-sec .wrap .project-e-wrap{width: 100%; padding-top: 80px;}
  #project-ind-sec .wrap .project-a .info-a .data-a.description p{font-weight: 400; font-size: 1.1em;}
  #project-ind-sec .wrap .project-e-wrap .e .container{margin: 0 0 70px 0 !important;}
  #project-ind-sec .wrap .project-e-wrap .e .container.galery-box{margin: 0 0 40px 0 !important;}
  #project-ind-sec .wrap .project-e-wrap .e text-required .container.quote{margin: 0 0 60px 0 !important;}
  #project-ind-sec .wrap .project-e-wrap .e text-required .container .ewrap p.text, #project-ind-sec .wrap .project-e-wrap .e text-required .container .ewrap a{font-weight: 400;}
  #project-ind-sec .wrap .credit{padding-left: 13px;}
  #cookies-sec .wrap{width: calc(100% - 100px); padding: 150px 0 0 0; margin: 0 auto;}
  #cookies-sec p.title{font-size: 3em}
  #cookies-sec .tem{margin-bottom: 100px;}
  #project-ind-sec .next-project {height: calc(35vh + 200px);}
  #project-ind-sec .next-project .next p.title-n{font-size: 4.5em;}
  #project-ind-sec .next-project .next p{font-weight: 500;}
  #project-ind-sec .wrap .project-a .info-a .data-a .dca p:first-child{font-weight: 300;}
  #cookies-sec p.base-text, #cookies-sec ul li{font-weight: 300;}
  #projects-sec .open-minimum{display: none;}
  .d-head{
    background-size: auto 90%;
    background-position-y: 0;
    background-position-x: 47%;}
@media (max-width: 650px){
  section .collection h3.fill{font-size: 4.5em; top: -85px}
  section .collection h3.trazo{font-size: 4.5em; top: -85px}
  .menu-page .menu-t li.g{font-size: 4em;}
  footer .ft, .footer .ft{padding: 50px 60px 50px 67px;}
  footer .ft p, .footer .ft p{margin-left: 0px; margin-bottom: 0; float: none;}
  footer .ft p:first-child, .footer .ft p:first-child{margin-bottom: 10px;}
  section .about-cover .text{left: 50%;}
  section .about-cover .text{white-space: normal; top: 40%; left: 52%;}
  .contact-sec{height: calc(100vh - 128px);}
  .contact-sec p.mail{top: calc(50% + (128px / 3));}
}
@media (max-width: 550px){
  .structure-lines .line:nth-child(7), .structure-lines .line:nth-child(8){display: none;}
  .structure-lines .line{
    background-color: white;
    position: relative;
    width: 1px;
    height: 100%;
    float: left;
    margin-left: calc((100% / 6) - (.6px));
    opacity: .02;}
    .d-head{
      background-size: auto 75%;
      background-position-y: 0;}
  }
  section .principal h1{-webkit-text-stroke: 2px white; color: transparent;}
  section .about-cover .text h4{font-size: 4.5em;}
  section .about-cover .text h4:last-child{font-size: 4em;}
  section .collection .wrap{width: calc(100vw - 160px); transform: translateX(-6px);}
  section .collection .wrap{padding-top: 250px;}
  .contact-sec{height: calc(80vh - 128px);}
  .contact-sec p.mail{top: calc(50% + (50px / 3));}
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap{
    width: calc((100% / 2) - ((30px / 2) * 1)) !important;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap:nth-child(3n+1){margin-left: 30px;}
  #project-ind-sec .wrap .project-e-wrap .e img-required .container.galery-box .ewrap:nth-child(2n+1){margin-left: 0;}
  #project-ind-sec .next-project .next p.title-n{font-size: 4em;}
  section .cv .timeline .point:nth-child(1) .image{width: 150px; height:150px;}
  section .cv .timeline .point:nth-child(2) .image{left: 0px; bottom: -50px; width: 200px; height: 100px;}
  section .cv .timeline .point:nth-child(3) .image{left: 0px;}
  section .cv .timeline .point:nth-child(4) .image{left: 0px; width: 200px; height: 100px;}
  section .cv .timeline .point:nth-child(5) .image{left: 0px;}
}
@media (max-width: 450px){
  section .collection .wrap{padding-top: 200px;}
  #project-ind-sec .next-project .next p.title-n{font-size: 3.5em;}
  section .collection h3.trazo, section .collection h3.fill{font-size: 4em;}
  section .about-cover .me {background-size: auto 70%; background-position-y: 30%;background-position-x: 45%;}
}
@media (min-width: 750px) and (max-height: 630px){
  .go-top{top: 40%;}
}
@media (min-width: 1px) and (max-width: 1000px) and (orientation: landscape){
  .open-photo .image.hm, .open-photo .image.cm{height: 90%;}
  .open-video .video{width: auto; height: 90%}
  .open-video .video .video-wrap, .open-video .video .video-wrap video{width: auto; height: 100%}
}
@media (min-width: 1px) and (max-width: 1400px) and (orientation: portrait){
  .open-photo .image.wm{width: 90%}
  .open-photo .image.hm, .open-photo .image.cm{height: auto; width: 90%;}
  .open-photo .image.hm img, .open-photo .image.cm img{height: auto; width: 100%;}
  .open-video .video{width: 90%;}
}
@media (min-device-height: 0px) and (max-device-height: 600px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
  #projects-sec .title-t{margin-top: 40vh; margin-bottom: 0;}
  #collections-sec .title-t{margin-top: 40vh; margin-bottom: 80px;}
  #collections-sec .title-t p{font-size: 6em;}
  section#projects-sec  .wrap.projects{margin-top: 60px;}
  .instagram{bottom: 50px;}
  section .cv .ref-sec{bottom: 50px;}
  .menu-page .menu-t li.g{
    font-size: 3em;
    margin-bottom: 10px;
  }
  .menu-page.bgwhite .menu-t li.g{-webkit-text-stroke: 0; color: rgba(255,255,255,.7);}
  .menu-page.bgblack .menu-t li.g{-webkit-text-stroke: 0; color: rgba(255,255,255,.7);}
  .menu-page .menu-t li.g.inthis{color:rgba(255,255,255,1);}
  .menu-page .menu-t li:nth-child(4) {margin-bottom: 10px !important;}
  footer .ft, .footer .ft{padding: 80px 90px 40px 67px;}
  .contact-sec {height: calc(100vh - 131px);}
  section .principal h1{font-size: 4em; top: 45vh;}
  .principal .button-box{display: none;}
  section .scroll-guide{bottom: 40px;}
  section .collection .wrap{padding-top: 30vh;}
  section .about-cover .text h4{font-size: 4em;}
  section .about-cover .text h4:last-child{font-size: 4em;}
  section .about-cover .text{top:45%; left:50%;}
  section .cv .description{margin-top: 50px;}
}
@media only screen
    and (device-height : 375px)
    and (device-width : 812px)
    and (-webkit-device-pixel-ratio : 3) {
  #project-ind-sec .wrap .project-a{height: auto;}
  #project-ind-sec .read-ref{height: 15vh; min-height: 0;}
}