.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  color: #07223d;
  background-color: silver;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.vcard-header {
  height: 320px;
  background-color: #07223d;
  background-image: linear-gradient(235deg, rgba(7, 43, 61, .7), rgba(7, 25, 61, .7));
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.vcard-head-cont {
  width: 700px;
  color: #ddd;
  text-align: center;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-top: 50px;
  padding-bottom: 90px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
}

.vcard-body {
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.vcard-body-cont {
  width: 700px;
  min-height: 100px;
  background-color: #d3d3d3;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 70px;
  padding: 90px 40px 70px;
  box-shadow: 0 0 40px rgba(0, 0, 0, .2);
}

.vcard-bottomline {
  height: 7px;
  background-color: #f70;
  background-image: linear-gradient(to right, rgba(255, 98, 0, .7), rgba(255, 140, 0, .7));
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.vcard-name {
  font-size: 32px;
  font-weight: 400;
}

.vcard-title {
  opacity: .5;
  margin-top: 0;
  font-size: 24px;
  font-weight: 300;
}

.vcard-profile-pic {
  width: 100px;
  height: 100px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 48px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 270px;
  bottom: auto;
  left: 0;
  right: 0;
}

.vcard-profile-pic.juandfeldman {
  background-image: url('../images/vcard-profile.jpg');
  box-shadow: 0 5px 40px rgba(0, 0, 0, .2);
}

.vcard-grid {
  grid-column-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 60px;
}

.vcard-grid-link {
  color: #07223d;
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: auto 32px;
  border-right: 1px solid #ccc;
  padding-top: 50%;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.vcard-grid-link.agendar {
  background-image: url('../images/contacto.svg');
  border-right-style: none;
}

.vcard-grid-link.whatsapp {
  background-image: url('../images/whatsapp.svg');
}

.vcard-grid-link.email {
  background-image: url('../images/email.svg');
}

.vcard-grid-link.llamar {
  background-image: url('../images/llamar.svg');
}

.vcard-data-txt {
  padding-top: 40px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
}

.vcard-data-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 80%;
  background-repeat: no-repeat;
  background-size: 32px;
  padding-left: 60px;
}

.vcard-data-div.telefono {
  background-image: url('../images/telefono.svg');
  background-position: 0 80%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.vcard-data-div.correo {
  background-image: url('../images/correo.svg');
}

.vcard-data-div.trabajo {
  background-image: url('../images/trabajo.svg');
}

.medsite-body {
  color: #777;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.medsite-header {
  height: 300px;
  background-image: url('../images/Logo-Blanco-1000.png');
  background-position: 50% 100px;
  background-repeat: no-repeat;
  background-size: 200px;
  padding-top: 170px;
}

.medsite-tagline {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
}

.center {
  text-align: center;
  text-decoration: none;
}

.medsite-card {
  text-align: center;
  background-image: linear-gradient(70deg, #ddd, #fff);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin: 100px 10px 70px;
  padding-top: 70px;
  padding-bottom: 30px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.medsite-card-nombre {
  color: #cc0a14;
  font-size: 20px;
  font-weight: 400;
}

.medsite-foto {
  width: 100px;
  height: 100px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 96px 96px;
  border: 2px solid #fff;
  border-radius: 50px;
  position: absolute;
  top: 50px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
}

.medsite-foto.gustavo {
  background-image: url('../images/gustavo.jpg');
}

.medsite-foto.sebastian {
  background-image: url('../images/sebastian.jpg');
}

.medsite-foto.gerardo {
  background-image: url('../images/gerardo.jpg');
}

.medsite-card-wrapper {
  padding-left: 5vw;
  padding-right: 5vw;
}

.medsite-redes-link {
  color: #fff;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

.medsite-link {
  color: #999;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.medsite-link.semibold {
  font-weight: 600;
}

.medsite-cargo {
  color: #999;
  margin-top: -10px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
}

.medsite-footer {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
}

.medsite-fixed-bg {
  z-index: -1000;
  background-image: linear-gradient(70deg, #b30912, #ff0d19);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block {
  color: #fff;
}

.medsite-redes {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 72px;
  padding: 100px 10px 30px;
  text-decoration: none;
}

.medsite-redes.website {
  background-image: url('../images/website.svg');
}

.medsite-redes.linkedin {
  background-image: url('../images/linkedin.svg');
  background-size: 64px;
}

.medsite-redes.instagram {
  background-image: url('../images/instagram.svg');
  background-size: 64px;
}

.kwc-body {
  background-color: #0e0d0d;
  background-image: url('../images/Ultimate-FX-Landing.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kwc-logo {
  width: 140px;
  height: 34px;
  background-image: url('../images/KWC-Logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 15vh;
}

.kwc-button {
  background-color: #ee3630;
  border-radius: 3px;
  padding: 12px 20px;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}

.kwc-ultimate {
  width: 30vw;
  height: 6vw;
  max-width: 400px;
  background-image: url('../images/UltimateFX-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 20vh;
}

.ultimate {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}

@media screen and (max-width: 767px) {
  .vcard-head-cont, .vcard-body-cont {
    width: 90vw;
  }
}

@media screen and (max-width: 479px) {
  .vcard-header {
    height: 280px;
  }

  .vcard-head-cont {
    padding-top: 30px;
  }

  .vcard-body-cont {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .vcard-name {
    min-width: 90vw;
    font-size: 24px;
    line-height: 33px;
  }

  .vcard-title {
    font-size: 18px;
    line-height: 27px;
  }

  .vcard-profile-pic {
    top: 228px;
  }

  .vcard-grid {
    min-width: 90vw;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .vcard-data-txt {
    font-size: 18px;
  }

  .vcard-data {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .medsite-body {
    background-color: #b30912;
  }

  .medsite-header {
    height: 360px;
  }

  .medsite-card {
    margin-bottom: 0;
  }

  .medsite-redes-link {
    font-size: 14px;
  }

  .medsite-fixed-bg {
    background-image: linear-gradient(70deg, #b30912, #ff0d19);
  }

  .medsite-redes {
    padding-top: 70px;
  }

  .medsite-redes.website {
    background-size: 48px;
  }

  .medsite-redes.linkedin, .medsite-redes.instagram {
    background-size: 42px;
  }

  .kwc-body {
    background-image: url('../images/Ultimate-FX-Landing2.jpg');
    background-size: contain;
  }

  .kwc-logo {
    width: 30vw;
    height: 7.5vw;
    margin-bottom: 10vh;
  }

  .kwc-ultimate {
    width: 80vw;
    height: 12.5vw;
  }

  .ultimate {
    font-size: 32px;
  }
}

#w-node-_1a905cd6-e19e-dcca-8206-3bb5c30e4b18-a8efc517, #w-node-_334693cb-d7d2-e535-0d11-9a238389d423-a8efc517, #w-node-_329c72eb-e66e-5cc7-dd88-cc7698bc25d0-a8efc517, #w-node-_329c72eb-e66e-5cc7-dd88-cc7698bc25d1-a8efc517, #w-node-_5e9b5188-69e5-6959-b3c5-2797e9c141f5-a8efc517, #w-node-_5e9b5188-69e5-6959-b3c5-2797e9c141f6-a8efc517, #w-node-b8c9e4b8-2ef2-dbd4-9d81-91c4fdedf3e7-a8efc517, #w-node-b8c9e4b8-2ef2-dbd4-9d81-91c4fdedf3e8-a8efc517 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}