@media (min-width: 1921px) {

    
    .page-header #logo a {
        font-size: 1.3vw;
        letter-spacing: 12px;
        margin: 50px 30px 0;
    }
    
    .page-header--homepage {
        width: 100px;
    }
        @-webkit-keyframes width {
      0% {
        width: 35vw;
      }
      100% {
        width: 100px;
      }
    }
    @keyframes width {
      0% {
        width: 35vw;
      }
      100% {
        width: 100px;
      }
    }


    li .page-nav__link {
        width: 100px;
        padding-top: 40px;
        margin-left: -30px;
        font-size: 0.55vw;
    }
    
    div #bg-1 { 
        background: url("../img/desktop/bg-1_desktop-2500.jpg") no-repeat center center; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    div #bg-2 { 
        background: url("../img/desktop/bg-2_desktop-2500.jpg") no-repeat center center;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    div #bg-3 { 
        background: url("../img/desktop/bg-3_desktop-2500.jpg") no-repeat center center;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    div #bg-4 { 
        background: url("../img/desktop/bg-4_desktop-2500.jpg") no-repeat center center;
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    div #bg-5 { 
        background: url("../img/desktop/bg-5_desktop-2500.jpg") no-repeat center center;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    div #bg-6 { 
        background: url("../img/desktop/bg-6_desktop-2500.jpg") no-repeat center center;
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    
    .project-bg#volkswagen{ 
        background: url("../img/desktop/frontdoor/vw/bg-vw_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover;  
        -webkit-background-size: cover;
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#movistar{ 
        background: url("../img/desktop/frontdoor/movistar/bg-movistar_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#ensure{ 
        background: url("../img/desktop/frontdoor/ensure/bg-ensure_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#saudia{ 
        background: url("../img/desktop/frontdoor/saudia/bg-saudia_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#fibertel{ 
        background: url("../img/desktop/frontdoor/fibertel/bg-fibertel_desktop-2500.jpg") no-repeat center top fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#boconcept{ 
        background: url("../img/desktop/frontdoor/boconcept/bg-boconcept_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#quilmes{ 
        background: url("../img/desktop/frontdoor/quilmes/bg-quilmes_desktop.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#nissan{ 
        background: url("../img/desktop/frontdoor/nissan/bg-nissan_desktop-2500.jpg") no-repeat center bottom fixed; 
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#cita-tango{ 
        background: url("../img/desktop/frontdoor/cita-tango/bg-cita_desktop_2500.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; }
    .project-bg#leonas{ 
        background: url("../img/desktop/frontdoor/leonas/bg-leonas_desktop-2500.jpg") no-repeat center top fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#seamen{ 
        background: url("../img/desktop/frontdoor/seamen/bg-seamen_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#pfizer{ 
        background: url("../img/desktop/frontdoor/pfizer/bg-pfizer_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#kinder{ 
        background: url("../img/desktop/frontdoor/kinder/kinder-3_desktop.jpg") no-repeat center top fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#hinds{ 
        background: url("../img/desktop/frontdoor/hinds/bg-hinds_desktop-2500.jpg") no-repeat center top fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#como-como{ 
        background: url("../img/desktop/backdoor/vacio/bg-vacio_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;  
    }
    .project-bg#p-piccaluga{ 
        background: url("../img/desktop/backdoor/palacio-piccaluga/bg-piccaluga_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#ggb{ 
        background: url("../img/desktop/backdoor/golden-gate/bg-golden-gate_desktop-2500.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#marian{ 
        background: url("../img/desktop/backdoor/marian/bg-marian_desktop-2500.jpg") no-repeat center center fixed;background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#sin-titulo{ 
        background: url("../img/desktop/backdoor/sin-titulo/bg-sin-titulo_desktop-2500.jpg") no-repeat center center fixed;background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    
    
    .scroll-down:before {
        width: 22px;
        height: 22px;
    }
    
    .project-bg .text-container {
        right: 100px;
    }

}

@media (max-width: 1160px) { 

li .page-nav__link { 
        margin-left:-19px;
    }
}

@media (max-width: 1024px) { 

    body::-webkit-scrollbar {
     display: default;
    }
  
  .page-header { 
      width: 100vw; 
      height: 90px; 
      border-left: none; 
      border-bottom: 1px solid lightgrey;
  }
    
    li .page-nav__link { 
        margin-left: 1px;
    }
    
    .page-header #logo a {
        float: left;
        font-size: 28px;
        margin: 31px 40px;
    }
      .page-header .copy p { 
          display: none;
      }
      .page-content #trabajos .blq-2 {
          display: none;
      }
      .page-content #trabajos .blq {
          width: 100vw;
      }
      .page-content { 
          padding-top: 90px;
      }
      .page-content section.fotos div img {
          width: 100%;
      }
    
    .page-content img {
        width: 50%;
    }
      .page-content #trabajos .blq .title {
          padding-top: 15%;
      }
      .page-content #trabajos .blq .title h2 {
          font-size: 12px; 
          letter-spacing: 4px;
      }
      .page-content #trabajos .blq .title .sub{
          font-size: 10px; 
          letter-spacing: 4px;
      }

   #slideshow .bg { top: 90px; }

  div #bg-1 { 
      background: url("../img/tablet/bg-1_tablet.jpg") no-repeat center center; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -ms-background-size: cover;
      -o-background-size: cover;
  }
  div #bg-2 { 
      background: url("../img/tablet/bg-2_tablet.jpg") no-repeat center center; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -ms-background-size: cover;
      -o-background-size: cover;
  }
  div #bg-3 { 
      background: url("../img/tablet/bg-3_tablet.jpg") no-repeat center center; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -ms-background-size: cover;
      -o-background-size: cover;
  }
  div #bg-4 { 
      background: url("../img/tablet/bg-4_tablet.jpg") no-repeat center center; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -ms-background-size: cover;
      -o-background-size: cover;
  }
  div #bg-5 { 
      background: url("../img/tablet/bg-5_tablet.jpg") no-repeat center center; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover;
      -ms-background-size: cover; 
      -o-background-size: cover;
  }
  div #bg-6 { 
      background: url("../img/tablet/bg-6_tablet.jpg") no-repeat center top; 
      background-size: cover; 
      -webkit-background-size: cover; 
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
  }
    
    .project-bg#volkswagen{ 
        background: url("../img/tablet/frontdoor/vw/bg-vw_tablet.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
    }
    .project-bg#movistar{
        background: url("../img/tablet/frontdoor/movistar/bg-movistar_tablet.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#ensure{
        background: url("../img/tablet/frontdoor/ensure/bg-ensure_tablet.jpg") no-repeat center center fixed;
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#saudia{ 
        background: url("../img/tablet/frontdoor/saudia/bg-saudia_tablet.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#fibertel{ 
        background: url("../img/tablet/frontdoor/fibertel/bg-fibertel_tablet.jpg") no-repeat left top fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
    }
    .project-bg#boconcept{ 
        background: url("../img/tablet/frontdoor/boconcept/bg-boconcept_tablet.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#quilmes{ 
        background: url("../img/tablet/frontdoor/quilmes/bg-quilmes_tablet.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#nissan{ 
        background: url("../img/tablet/frontdoor/nissan/bg-nissan_tablet.jpg") no-repeat center bottom fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#cita-tango{ 
        background: url("../img/tablet/frontdoor/cita-tango/bg-cita_tablet.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#leonas{ 
        background: url("../img/tablet/frontdoor/leonas/bg-leonas_tablet.jpg") no-repeat center top fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#seamen{ 
        background: url("../img/tablet/frontdoor/seamen/bg-seamen_tablet.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#pfizer{
        background: url("../img/tablet/frontdoor/pfizer/bg-pfizer_tablet.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#kinder{
        background: url("../img/tablet/frontdoor/kinder/bg-kinder_tablet.jpg") no-repeat center top fixed; 
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#hinds{ 
        background: url("../img/tablet/frontdoor/hinds/bg-hinds_tablet.jpg") no-repeat center top fixed;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#como-como{ 
        background: url("../img/tablet/backdoor/vacio/bg-vacio_tablet.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#p-piccaluga{ 
        background: url("../img/tablet/backdoor/palacio-piccaluga/bg-piccaluga_tablet.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#ggb{
        background: url("../img/tablet/backdoor/golden-gate/bg-golden-gate_tablet.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover; 
    }
    .project-bg#marian{ 
        background: url("../img/tablet/backdoor/marian/bg-marian_tablet.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#sin-titulo{
        background: url("../img/tablet/backdoor/sin-titulo/bg-sin-titulo_tablet.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    
    .project-bg .text-container {
        right: 0;
    }


  #about .about-text { 
      width: 100vw; 
      padding: 8vh 8vw 10vh 8vw;
  }
  #about .about-text p{ 
      font-size: 11px; 
      line-height: 22px; 
  }

  #about .about-contact { 
      padding: 0 8vw; 
      font-size: 14px;
  }
  #about .about-contact .title {
      font-size: 12px;
  }
    
  .project-bg .description p {
      font-size: 10px;
  }

    .project-bg .title h2 {
        font-size: 20px;
    }
    .project-bg .title span {
        font-size: 16px;
    }
    
    section.fotos {
        padding-top: 90px;
    }


    .button_container {
      position: fixed;
      top: 32px;
      right: 45px;
      height: 27px;
      width: 35px;
      cursor: pointer;
      z-index: 2000;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
    }
    .button_container:hover {
      opacity: .7;
    }
    .button_container.active .top {
      -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
              transform: translateY(10px) translateX(0) rotate(45deg);
      background: #000;
    }
    .button_container.active .middle {
      opacity: 0;
      background: #000;
    }
    .button_container.active .bottom {
      -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
              transform: translateY(-10px) translateX(0) rotate(-45deg);
      background: #000;
    }
    .button_container span {
      background: #000;
      border: none;
      height: 2px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all .35s ease;
      transition: all .35s ease;
      cursor: pointer;
    }
    .button_container span:nth-of-type(2) {
      top: 10px;
    }
    .button_container span:nth-of-type(3) {
      top: 20px;
    }

    .overlay {
      position: fixed;
      background: #FFF;
      top: 0;
      left: 0;
      width: 100%;
      height: 0%;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .35s, visibility .35s, height .35s;
      transition: opacity .35s, visibility .35s, height .35s;
      overflow: hidden;
    }
    .overlay.open {
      opacity: 1;
      visibility: visible;
      height: 100%;
    }

    .overlay.open li {
      -webkit-animation: fadeInRight .5s ease forwards;
              animation: fadeInRight .5s ease forwards;
      -webkit-animation-delay: .35s;
              animation-delay: .35s;
    }
    .overlay.open li:nth-of-type(2) {
      -webkit-animation-delay: .4s;
              animation-delay: .4s;
    }
    .overlay.open li:nth-of-type(3) {
      -webkit-animation-delay: .45s;
              animation-delay: .45s;
    }
    .overlay.open li:nth-of-type(4) {
      -webkit-animation-delay: .50s;
              animation-delay: .50s;
    }

    .overlay nav {
      position: relative;
      height: 70%;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 20px;
      font-weight: 400;
    }
    .overlay ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      margin-top: 15vh;
      display: inline-block;
      position: relative;
      height: 100%;
    }
    .overlay ul li {
      font-size: 20px;
      color: #909090;
      display: block;
      height: 20%;
      height: calc(100% / 4);
      min-height: 50px;
      position: relative;
      border: none;
      opacity: 0;
    }


    .overlay ul li a {
      transform:none;
      width: 100vw;
      font-size: 18px;
      display: block;
      position: relative;
      text-decoration: none;
      overflow: hidden;
      margin-bottom: 4vh;
      border: none;
      padding-top:0; 
    }

    .overlay ul li a.is-active {
      color: #000;
      border: none;
    }

    .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
      color: #000;
    }


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

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

    footer {
      display: inline-block;
      width: 100vw;
      height: 8vh;
      background: #fff;
      position: fixed;
      bottom: 0;
    }

    footer p {
      font-size: 11px;
      padding-top: 3vh;
      padding-right: 6vw;
      text-align: right;
    }


}


@media (max-width: 769px) { 

    div #bg-1 { 
        background: url("../img/mobile/bg-1_mobile.jpg") no-repeat center center; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    div #bg-2 { 
        background: url("../img/mobile/bg-2_mobile.jpg") no-repeat center center;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    div #bg-3 { 
        background: url("../img/mobile/bg-3_mobile.jpg") no-repeat center center; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    div #bg-4 { 
        background: url("../img/mobile/bg-4_mobile.jpg") no-repeat center center;
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    div #bg-5 { 
        background: url("../img/mobile/bg-5_mobile.jpg") no-repeat center center; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    div #bg-6 {
        background: url("../img/mobile/bg-6_mobile.jpg") no-repeat center center; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    
    
    .page-header #logo a span{
       display:none;
    }

    .page-header #logo a:after{
       content: "FH";   
    }

    .page-content #trabajos .blq .title {
        padding-right: 5vw;
        padding-top: 12%;
    }
    .page-content #trabajos .blq .title h2 {
        font-size: 10px;
        line-height: 14px;
    }
    .page-content #trabajos .blq .title .sub {
        font-size: 8px;
    }
    
    .button_container {
        right: 40px;
        width: 28px;
    }
    

    .project-bg .title h2 {  
        font-size: 22px; 
        line-height:32px; 
        letter-spacing: 13px;
    }    
    .project-bg .title span {    
        font-size: 18px;    
        letter-spacing: 10px; 
    }
    .project-bg .description {    
        margin-top: 8%;
    }

    .project-bg .description p { 
        font-size: 11px; 
        line-height: 20px;
    }
    
    .scroll-down:before {  
        width: 22px; 
        height: 22px;
    }

    #about .about-text { 
        padding-top: 3vh;
        padding-bottom: 5vh;
    }
    #about .about-text p {
        font-size: 10px; 
        line-height: 20px;
    }

    #about .about-contact {
        font-size: 12px; 
        margin-bottom: 8vh;
    }
    #about .about-contact .title {
        font-size: 11px;
    }

    .page-content section.fotos div img {
        width: 100vw;
    }

}


@media (max-width: 640px) { 
    
    
    .project-bg#volkswagen{ 
        background: url("../img/mobile/frontdoor/vw/bg-vw_mobile.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#movistar{ 
        background: url("../img/mobile/frontdoor/movistar/bg-movistar_mobile.jpg") no-repeat center center fixed;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;}
    .project-bg#ensure{ 
        background: url("../img/mobile/frontdoor/ensure/bg-ensure_mobile.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#saudia{ 
        background: url("../img/mobile/frontdoor/saudia/bg-saudia_mobile.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#fibertel{ 
        background: url("../img/mobile/frontdoor/fibertel/bg-fibertel_mobile.jpg") no-repeat center center fixed; 
        background-size: cover; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#boconcept{ 
        background: url("../img/mobile/frontdoor/boconcept/bg-boconcept_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#quilmes{ 
        background: url("../img/mobile/frontdoor/quilmes/bg-quilmes_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#nissan{ 
        background: url("../img/mobile/frontdoor/nissan/bg-nissan_mobile.jpg") no-repeat center bottom fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#cita-tango{ 
        background: url("../img/mobile/frontdoor/cita-tango/bg-cita_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#leonas{ 
        background: url("../img/mobile/frontdoor/leonas/bg-leonas_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#seamen{ 
        background: url("../img/mobile/frontdoor/seamen/bg-seamen_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#pfizer{
        background: url("../img/mobile/frontdoor/pfizer/bg-pfizer_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#kinder{
        background: url("../img/mobile/frontdoor/kinder/bg-kinder_mobile.jpg") no-repeat center top fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#hinds{ 
        background: url("../img/mobile/frontdoor/hinds/bg-hinds_mobile.jpg") no-repeat center top fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#como-como{
        background: url("../img/mobile/backdoor/vacio/bg-vacio_mobile.jpg") no-repeat center center fixed;
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#p-piccaluga{
        background: url("../img/mobile/backdoor/palacio-piccaluga/bg-piccaluga_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#ggb{
        background: url("../img/mobile/backdoor/golden-gate/bg-golden-gate_mobile.jpg") no-repeat center center fixed;
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#marian{
        background: url("../img/mobile/backdoor/marian/bg-marian_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    .project-bg#sin-titulo{ 
        background: url("../img/mobile/backdoor/sin-titulo/bg-sin-titulo_mobile.jpg") no-repeat center center fixed; 
        background-size: cover;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -ms-background-size: cover;
        -o-background-size: cover;
    }
    
}