.header-menu.menu1{
          background: rgba(0, 0, 0, 0.95);
        } 


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

        .right-scroll {
            display: none;
        }

       .nav-menu nav {            
            display: none;
        }

        .nav-menu .logo .texto{
          display: none;
        }

        .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
           /* width: 33%;
            height: 33%;
            margin-top: 16%;
            margin-left: 32%;*/
          width: 40%;
          height:40%;
          margin-top: 12%;
          margin-left: 27%;

        }
        header .page-info-top-bar {

            display: none;
        }

      .header {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff; }
        
      .header-menu {
        /*background: rgba(0,0,0,0.4);*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0px;
        width: 100vw;
        z-index: 3;
        padding-left: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: right; }

        .header-menu .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            left: -30px;
            font-family: 'Roboto Slab', serif;
            text-transform: uppercase;
        }
        .header-menu .info h2, .header-menu .info h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 15px;
          background: #00a9ea;
          height: 28px;
          margin-right: 0px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }

      figure {
        margin-left: 0;
        width: 150px;
        height: 48px; 


      }

      #menu_btn {
        background: black;
        border-radius: 0px;
        width: 70px;
        height: 70px;
        position: relative;
        top: -5px;
        left: 105px;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }

      #menu_btn.is-active {
        background: #000; 
        border:#000;
      }

      .hamburger-box {
        /* background: red; */
        /* margin: auto;
        position: relative; */
        /* top:3px; */ }
        /* Nav Menu */
      .nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        width: 100vw;
        height: 100vh;
        background: transparent;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: visible;
        opacity: 1;
        z-index: 2;
        -moz-transition: visibility 0s, opacity 0.3s;
        -o-transition: visibility 0s, opacity 0.3s;
        -webkit-transition: visibility 0s, opacity 0.3s;
        transition: visibility 0s, opacity 0.3s;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);

         }
        .nav-menu ul {
          list-style: none; 
          padding-right: 60px;
        }
        .nav-menu ul li a {
          text-decoration: none;
          color: white;
          text-transform: uppercase;
          font-family: 'd-din_condenseddinCnBd';
          font-size: 45px;
          font-style: normal;
          font-weight: normal;
          line-height: 60px;
          -moz-transition: 0.3s color;
          -o-transition: 0.3s color;
          -webkit-transition: 0.3s color;
          transition: 0.3s color; }
          .nav-menu nav ul .work {
        text-decoration: none;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .nav-menu nav ul .work:hover {
          background: #e60073; }
        .nav-menu nav ul .about {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .nav-menu nav ul .about:hover {
            background: #0097d1; }
        .nav-menu nav ul .contact {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }

          .nav-menu nav ul .contact:hover {
            background: #e6b000; }

      .nav-menu.not-showed {
        visibility: hidden;
        opacity: 0; 

      }

      .nav-menu.menu0{
        background: rgba(0, 0, 0, 0.95);
      }

      /*Animacion*/
        .home_anim {
          left: 0px;
      }
      .home_anim .layer-1{
          width: 414px;
      }

      .home_anim .layer-1 .layer-2, .home_anim .layer-1 .layer-1a, .home_anim .layer-1 .layer-1a2, .home_anim .layer-1 .layer-1b {
          min-width: 414px;
          min-height: 280px;
          max-width: 414px;
          max-height: 280px;
      }

      .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
          width: 100%;
          height: 100%;
          margin-top: 58%;
          margin-left: -10%;
      }

      .home_anim .layer-1 .layer-1a .fdo2, .home_anim .layer-1 .layer-2 .fdo2 {
          margin-left: 0% ;
      }
  }
 
@media screen and (max-width: 375px) {

        .right-scroll {
            display: none;
        }

       .nav-menu nav {            
            display: none;
        }

        .nav-menu .logo .texto{
          display: none;
        }

        .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
           /* width: 33%;
            height: 33%;
            margin-top: 16%;
            margin-left: 32%;*/
          width: 47%;
          height:47%;
          margin-top: 12%;
          margin-left: 26%;

        }
        header .page-info-top-bar {

            display: none;
        }

      .header {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff; }
        
      .header-menu {
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0px;
        width: 100vw;
        height: 12vh;
        z-index: 3;
        padding-left: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: right; }

        .header-menu .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            left: -30px;
            font-family: 'Roboto Slab', serif;
            text-transform: uppercase;
        }
        .header-menu .info h2, .header-menu .info h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 15px;
          background: #00a9ea;
          height: 28px;
          margin-right: 0px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }

      figure {
        margin-left: 0;
        width: 150px;
        height: 48px; 


      }

      #menu_btn {
        background: black;
        border-radius: 0px;
        width: 70px;
        height: 70px;
        position: relative;
        top: -5px;
        left: 100px;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }

      #menu_btn.is-active {
        background: #000; 
        border:#000;
      }

      .hamburger-box {
        /* background: red; */
        /* margin: auto;
        position: relative; */
        /* top:3px; */ }
        /* Nav Menu */
      .nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        width: 100vw;
        height: 100vh;
        background: transparent;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: visible;
        opacity: 1;
        z-index: 2;
        -moz-transition: visibility 0s, opacity 0.3s;
        -o-transition: visibility 0s, opacity 0.3s;
        -webkit-transition: visibility 0s, opacity 0.3s;
        transition: visibility 0s, opacity 0.3s;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);

         }
        .nav-menu ul {
          list-style: none;
          padding-right: 60px;
       }
        .nav-menu ul li a {
          text-decoration: none;
          color: white;
          text-transform: uppercase;
          font-family: 'd-din_condenseddinCnBd';
          font-size: 45px;
          font-style: normal;
          font-weight: normal;
          line-height: 60px;
          -moz-transition: 0.3s color;
          -o-transition: 0.3s color;
          -webkit-transition: 0.3s color;
          transition: 0.3s color; }
          .nav-menu nav ul .work {
        text-decoration: none;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .nav-menu nav ul .work:hover {
          background: #e60073; }
        .nav-menu nav ul .about {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .nav-menu nav ul .about:hover {
            background: #0097d1; }
        .nav-menu nav ul .contact {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }

          .nav-menu nav ul .contact:hover {
            background: #e6b000; }

      .nav-menu.not-showed {
        visibility: hidden;
        opacity: 0; 

      }

      .nav-menu.menu0{
        background: rgba(0, 0, 0, 0.95);
      }

      /*Animacion*/

      .home_anim {
          left: 0px;
      }
      .home_anim .layer-1{
          width: 375px;
      }

      .home_anim .layer-1 .layer-2, .home_anim .layer-1 .layer-1a, .home_anim .layer-1 .layer-1a2, .home_anim .layer-1 .layer-1b {
          min-width: 375px;
          min-height: 250px;
          max-width: 375px;
          max-height: 250px;
      }

      .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
          width: 100%;
          height: 100%;
          margin-top: 80%;
          margin-left: -10%;
      }

      .home_anim .layer-1 .layer-1a .fdo2, .home_anim .layer-1 .layer-2 .fdo2 {
          margin-left: 0% ;
      }

      

        
  }

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

        .right-scroll {
            display: none;
        }

       .nav-menu nav {            
            display: none;
        }

        .nav-menu .logo .texto{
          display: none;
        }

        .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
           /* width: 33%;
            height: 33%;
            margin-top: 16%;
            margin-left: 32%;*/
          width: 47%;
          height:47%;
          margin-top: 12%;
          margin-left: 26%;

        }
        header .page-info-top-bar {

            display: none;
        }

      .header {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff; }
        
      .header-menu {
        /*background: rgba(0,0,0,0.4);*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0px;
        width: 100vw;
        z-index: 3;
        padding-left: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: right; }

        .header-menu .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            left: -30px;
            font-family: 'Roboto Slab', serif;
            text-transform: uppercase;
        }
        .header-menu .info h2, .header-menu .info h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 15px;
          background: #00a9ea;
          height: 28px;
          margin-right: 0px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }

      figure {
        margin-left: 0;
        width: 150px;
        height: 48px; 


      }

      #menu_btn {
        background: black;
        border-radius: 0px;
        width: 70px;
        height: 70px;
        position: relative;
        top: -5px;
        left: 85px;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }

      #menu_btn.is-active {
        background: #000; 
        border:#000;
      }

      .hamburger-box {
        /* background: red; */
        /* margin: auto;
        position: relative; */
        /* top:3px; */ }
        /* Nav Menu */
      .nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        width: 100vw;
        height: 100vh;
        background: transparent;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: visible;
        opacity: 1;
        z-index: 2;
        -moz-transition: visibility 0s, opacity 0.3s;
        -o-transition: visibility 0s, opacity 0.3s;
        -webkit-transition: visibility 0s, opacity 0.3s;
        transition: visibility 0s, opacity 0.3s;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);

         }
        .nav-menu ul {
          list-style: none; 
          padding-right: 60px;
        }
        .nav-menu ul li a {
          text-decoration: none;
          color: white;
          text-transform: uppercase;
          font-family: 'd-din_condenseddinCnBd';
          font-size: 45px;
          font-style: normal;
          font-weight: normal;
          line-height: 60px;
          -moz-transition: 0.3s color;
          -o-transition: 0.3s color;
          -webkit-transition: 0.3s color;
          transition: 0.3s color; }
          .nav-menu nav ul .work {
        text-decoration: none;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .nav-menu nav ul .work:hover {
          background: #e60073; }
        .nav-menu nav ul .about {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .nav-menu nav ul .about:hover {
            background: #0097d1; }
        .nav-menu nav ul .contact {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }

          .nav-menu nav ul .contact:hover {
            background: #e6b000; }

      .nav-menu.not-showed {
        visibility: hidden;
        opacity: 0; 

      }

      .nav-menu.menu0{
        background: rgba(0, 0, 0, 0.95);
      }

      /*Animacion*

      .home_anim .layer-1 .layer-2, .home_anim .layer-1 .layer-1a, .home_anim .layer-1 .layer-1a2, .home_anim .layer-1 .layer-1b {
            min-width: 1200px;
            min-height: 1200px;
            max-width: 1200px;
            max-height: 1200px;
        }*/

        .home_anim {

          left: 5px;
        }

      .home_anim .layer-1{
        height: 650px;
      }
  }

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

     /* .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
          width: 45%;
          height:45%;
          margin-top: 12%;
          margin-left: 27%;

        }*/
      .home_anim {
          left: 0px;
      }
      .home_anim .layer-1{
          width: 360px;
      }

      .home_anim .layer-1 .layer-2, .home_anim .layer-1 .layer-1a, .home_anim .layer-1 .layer-1a2, .home_anim .layer-1 .layer-1b {
          min-width: 360px;
          min-height: 250px;
          max-width: 360px;
          max-height: 250px;
      }

      .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
          width: 100%;
          height: 100%;
          margin-top: 58%;
          margin-left: -10%;
      }

      .home_anim .layer-1 .layer-1a .fdo2, .home_anim .layer-1 .layer-2 .fdo2 {
          margin-left: 0% ;
      }

    }


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

        .right-scroll {
            display: none;
        }

       .nav-menu nav {            
            display: none;
        }

        .nav-menu .logo .texto{
          display: none;
        }

        .home_anim .layer-1 .layer-1a img, .home_anim .layer-1 .layer-2 img {
           /* width: 33%;
            height: 33%;
            margin-top: 16%;
            margin-left: 32%;*/
          width: 47%;
          height:47%;
          margin-top: 12%;
          margin-left: 26%;

        }
        header .page-info-top-bar {

            display: none;
        }

      .header {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff; }
        
      .header-menu {
        /*background: rgba(0,0,0,0.4);*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0px;
        width: 100vw;
        z-index: 3;
        padding-left: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: right; }

        .header-menu .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            left: -30px;
            font-family: 'Roboto Slab', serif;
            text-transform: uppercase;
        }
        .header-menu .info h2, .header-menu .info h3 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 15px;
          background: #00a9ea;
          height: 28px;
          margin-right: 0px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }

      figure {
        margin-left: 0;
        width: 150px;
        height: 48px; 


      }

      #menu_btn {
        background: black;
        border-radius: 0px;
        width: 70px;
        height: 70px;
        position: relative;
        top: -5px;
        left: 85px;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }

      #menu_btn.is-active {
        background: #000; 
        border:#000;
      }

      .hamburger-box {
        /* background: red; */
        /* margin: auto;
        position: relative; */
        /* top:3px; */ }
        /* Nav Menu */
      .nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        width: 100vw;
        height: 100vh;
        background: transparent;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: visible;
        opacity: 1;
        z-index: 2;
        -moz-transition: visibility 0s, opacity 0.3s;
        -o-transition: visibility 0s, opacity 0.3s;
        -webkit-transition: visibility 0s, opacity 0.3s;
        transition: visibility 0s, opacity 0.3s;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);

         }
        .nav-menu ul {
          list-style: none; 
          padding-right: 60px;
        }
        .nav-menu ul li a {
          text-decoration: none;
          color: white;
          text-transform: uppercase;
          font-family: 'd-din_condenseddinCnBd';
          font-size: 45px;
          font-style: normal;
          font-weight: normal;
          line-height: 60px;
          -moz-transition: 0.3s color;
          -o-transition: 0.3s color;
          -webkit-transition: 0.3s color;
          transition: 0.3s color; }
          .nav-menu nav ul .work {
        text-decoration: none;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .nav-menu nav ul .work:hover {
          background: #e60073; }
        .nav-menu nav ul .about {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .nav-menu nav ul .about:hover {
            background: #0097d1; }
        .nav-menu nav ul .contact {
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }

          .nav-menu nav ul .contact:hover {
            background: #e6b000; }

      .nav-menu.not-showed {
        visibility: hidden;
        opacity: 0; 

      }

      .nav-menu.menu0{
        background: rgba(0, 0, 0, 0.95);
      }

      /*Animacion*

      .home_anim .layer-1 .layer-2, .home_anim .layer-1 .layer-1a, .home_anim .layer-1 .layer-1a2, .home_anim .layer-1 .layer-1b {
            min-width: 1200px;
            min-height: 1200px;
            max-width: 1200px;
            max-height: 1200px;
        }*/

        .home_anim {

          left: 5px;
        }

      .home_anim .layer-1{
        height: 650px;
      }
  }