.landing{ background: #212721!important; }
  .landing.lifemembership,.landing.lifemembership #gsaf-footer{background: #D9D9D6!important}
.landing .top-nav{ width: 100%; display: flex; justify-content: center; }
  .landing .top-nav svg{ height: 2.8vw; margin-top: 3vw; margin-bottom: 3vw; }
  .landing .top-nav svg path{ fill: #D9D9D6}
  .landing .gsa-nav-toggle{ display: none!important; }
.landing .pleca strong{color:#D9D9D6!important; margin-bottom: 0px; font-weight: 100;}
.landing .pleca .emblema{ width: 22.5%; max-width: 117px; margin-top: 3vw;}
.landing .pleca.gsa-section h1{color: #F1F1F1!important; margin-bottom: 22px; font-size: 3.5vw;}
.landing .gsa-section h2{color: #D9D9D6; font-size: 3vw; font-family: "Berlin"; margin-bottom: 0px; text-align: center; white-space: nowrap;}
  .landing sello{ padding: 12px; border-radius: 100%; background: #212721; width: 6.5vw; height: 6.5vw; max-width: 106px; max-height: 106px; min-width: 68px; min-height: 68px;}
  .landing sello{ padding: 0px;  width: 6.5vw; height: 6.5vw; max-width: 130px; max-height: 130px; min-width: 82px; min-height: 82px;}
      .landing sello img{width: 100%;}
.landing .display-centered{display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center}

.landing .grip-nav ul li a{color: #212721}
.landing .grip-nav ul li a:hover,.landing .grip-nav ul li a.selected{ color: #928041; }
.landing li a.cta-button{ border-color: #212721!important; }
.landing li a.cta-button:hover{ background:#212721!important; color: #f1f1f1!important; }
.landing a.cta-button.dark,.landing .buttons a.cta-button.dark,
.landing .grip-nav a.cta-button.dark{ background: transparent linear-gradient(265deg, #A6955B 0%, #7D6F38 51%, #5E541B 100%) 0% 0% no-repeat padding-box !important;
border:1px solid transparent!important}
.landing a.cta-button.dark:hover,.buttons a.cta-button.dark:hover,.landing .grip-nav a.cta-button.dark:hover{background: transparent!important; border: 1px solid #928041!important; color: #928041!important}
.landing .recentwork h2{ font-style: italic; white-space: normal; text-align: left; font-size: 4.5vw; margin-bottom: 22px; line-height: 1.1;}
.landing .recentwork p{ position: static; width: 100%; }
.landing.lifemembership .recentwork h2{ font-style: normal; }
  .landing.lifemembership .recentwork h2 i{ font-style: italic; }
.landing.lifemembership .recentwork p{ position: absolute; width: 20vw; font-family: "Berlin"; font-size: 1.7vw; line-height: 1.2;}

.landing .big-anchors{ padding-top: 0px; }
.landing .big-anchors .row{display: flex; justify-content: space-between;}
  .landing .big-anchors .big-anchor{ width: calc(50% - 20px); padding-top: calc(50% - 20px); border-radius: 20px; position: relative; background-size: cover;
    background-position: top center; background-repeat: no-repeat;

    padding-top: 0px; height: calc(100vh - 8.8vw - 3.5em); max-height: calc(50vw - 3.5em);
  }
    .landing .big-anchors .big-anchor:before{width: calc(100% + 2px);
    height: 80%;
    content: "";
    position: absolute;
    left: -1px;
    top: calc(20% + 2px);
    background: transparent linear-gradient(180deg, #212721 0%, #21272100 100%) 0% 0% no-repeat padding-box;
    z-index: 2;
    transform: matrix(-1, 0, 0, -1, 0, 0)}
      .landing .big-anchors .big-anchor div{ position: absolute; top: 50%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; height: calc(50% - 30px); height: 50%;
        align-items: center; z-index: 3;} 
        .landing .notlegal ul li{ width: 25%; }
  .landing .grip-nav{ background: #f1f1f1; }
  .landing .grip-nav .menu-1.main-nav {
      margin-top: 18.5px !important;
      margin-bottom: 18.5px !important;
  }
  .landing .grip-nav svg path{fill: #928041}
  .float-left{ float: left; width: 100%; }
  .green footer{background-color: #212721!important;}

  .benefits{ padding-top: 3.5em; padding-bottom: 3.5em; }
  .benefits .row{ background-color: #D9D9D6; border-radius: 20px; padding: 5vw; margin-left: 0px; margin-right: 0px;}
  .landing .gsa-section.benefits h2{ white-space: normal; text-align: left; margin-bottom: 4vw;color: #212721; font-size: 2.3vw;}
    .landing .gsa-section.benefits p{color: #212721; padding-right: 1.5vw}
    .landing .benefits strong{ color: #212721!important; margin-bottom: 4vw; }
    .landing.lifemembership .pleca h1{color: #212721!important;}
    .landing .shaking-1,.landing .shaking-2{ filter: grayscale(0); }
    .landing .shaking-2{ background-position: 20% center ; padding-top: 55%; left: 15px;}
    .landing .host .shaking-1{ background-position: 70% center}
    .landing .luxury .shaking-1{ width: 100%; margin: 0px; }
    .landing .luxury .shaking-2{left: auto; right: 10%;}
    .landing .luxury{ margin-top: calc(138px - (10vw / 2)) }

  /*containers fit to width*/
  .landing .gsa-container, .landing .gsaf-container,.landing.home .benefits .gsa-container{ width: calc(100vw - 7em)!important; max-width: calc(100vw - 7em)!important; }
  .landing.home .gsa-container{ width: 90vw!important; max-width: 90vw!important; }  
  @media (min-width: 992px){
    .logo-nav svg{ width: 55% }
  }
  @media (min-width: 1499px){
    .landing.home .gsa-container{width: 70vw!important; max-width: 70vw!important;}
  }
  @media screen and (max-width: 1024px){
    .landing.home .gsa-container{width: 90vw!important; max-width: 90vw!important;}
  }
  @media screen and (max-width: 1023px){
        .logo-nav svg{ margin-left: 0px; }
        .grip-container,.gsa-section.recentwork .gsa-container{width: calc(100vw - 7em)!important;max-width: calc(100vw - 7em)!important}
        .landing .big-anchors .big-anchor div{ height: 65%; top:35% }
  }
  @media screen and (max-width: 767px){
    .landing.home .gsa-container{width: 100vw!important; max-width: 100vw!important;}
    #gsaf-footer .gsaf-container,.grip-container,.landing.home .benefits .gsa-container{width: calc(100vw - 72px)!important; max-width: calc(100vw - 72px)!important}
    .landing .big-anchors .gsa-container,.landing .pleca .gsa-container{ width: 100%!important; max-width: 100%!important; }
    .landing.home .benefits .gsa-container{ padding-left: 0px; padding-right: 0px; }
  }
  /*end containers fit to width*/


@media screen and (max-width: 991px){
  .landing .logo-nav svg{ margin-top: 13px;margin-bottom: 13px}
  .landing.home .gsa-nav-toggle{ display: block!important; }
}

@media screen and (max-width: 767px){
  .landing .pleca.gsa-section h1{ font-size: 45px; }
  .landing .pleca.gsa-section strong{ font-size: 18px; }
  .landing .pleca .emblema{ width: 117px; margin-top: 30px;}
  .landing .top-nav svg{ height: 28px; margin-top: 28px; margin-bottom: 18px; }
  .landing .gsa-section h2{ font-size: 26px; }
  .landing .big-anchors .cta-button{ font-size: 16px; width: 100%; text-align: center; max-width: calc(100% - 40px); }
  .landing sello{ padding: 7px; padding: 0px; width: 58px; height: 58px; min-width: 58px; min-height: 58px; width: 72px; height: 72px; min-width: 72px; min-height: 72px;}
  .landing .big-anchors .row{ display: block; margin-left: 0px; margin-right: 0px; }
  .landing .big-anchors .big-anchor{ width: 100%; padding-top: 80%; margin-bottom: 35px;}
    .landing .big-anchors .big-anchor:first-child{ margin-top: 10px; }
    .landing .big-anchors .big-anchor:last-child{ margin-bottom: 0px; }
  .landing .big-anchors .big-anchor div{ top: 30px; height: calc(100% - 60px) }
  .landing .big-anchors .big-anchor:before{background: transparent linear-gradient(180deg, #212721 0%, #21272169 100%) 0% 0% no-repeat padding-box; top: 0px;
    height: calc(100% + 1px);}
  .landing .notlegal ul li{ width: 100%; }
  .landing .recentwork h2{ margin-bottom: 0px; }
  .landing .buttons{ margin-top: 0px; }
  .landing .gsa-section.benefits h2{ font-size: 30px}
  .landing .gsa-section.benefits p{ margin-bottom: 60px; }
  .landing .gsa-section.benefits div div div:last-child p{ margin-bottom: 15px; }
  .landing .benefits .text-center{ text-align: left; margin-top: 15px; margin-bottom: 30px; }
  .landing.home .pleca{ padding-top: calc(160px - 3.5em); padding-bottom: calc(160px - 3.5em)}
  .landing #gsaf-footer .col-lg-3.col-md-5.col-sm-5.col-xs-6{ width: 100%; }
  .landing.lifemembership .recentwork p{ width: 100%!important; position: static!important;font-family: "Jost"; } 
  .landing .host .shaking-1{margin-left: 10%; margin-right: 0px; transform: rotate(180deg); background-position: 90% center;}
  .landing .shaking-2{ padding-top: 45%; width: 40%; }
  .landing .luxury{ margin-top: 0px }
  .landing .host.luxury .shaking-1{ margin-left: 0px; margin-right: 10%; transform: rotate(0deg); background-position: 40% center;}
  .landing .luxury .shaking-2{ right: 0px; }
}