:root {
  --first: #1cacc6;
  --first-alt: #2db9cc;
  --second: #1a1a1a;
  --text: #2d2d2d;
  --text-alt: #ffffff; }

.first {
  color: #1cacc6; }

.bg-first {
  background-color: #1cacc6; }

.first-alt {
  color: #2db9cc; }

.bg-first-alt {
  background-color: #2db9cc; }

.second {
  color: #1a1a1a; }

.bg-second {
  background-color: #1a1a1a; }

.text {
  color: #2d2d2d; }

.bg-text {
  background-color: #2d2d2d; }

.text-alt {
  color: #ffffff; }

.bg-text-alt {
  background-color: #ffffff; }

.text--display {
  font-size: 6.4rem; }

.text--title {
  font-size: var(--lg); }

.text--title-alt {
  font-size: var(--sm); }

.text--body {
  font-size: var(--md); }

.text--emphasis {
  font-size: var(--xl); }

.text--bold {
  font-family: 'museo_sans700'; }

.text--light {
  font-family: 'museo_sans100'; }

.text--first {
  color: var(--first); }

.text--second {
  color: var(--second); }

.text--alt {
  color: var(--text-alt); }

.text--mbottom {
  margin-bottom: var(--sm); }

.text--shadow {
  text-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.8); }

.__description-grid {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: var(--md);
  padding: 8.2rem var(--sm); }
  .__description-grid.vh {
    min-height: 100vh; }
  @media only screen and (min-width: 1024px) {
    .__description-grid {
      grid-template-columns: repeat(12, 1fr); } }

.vh {
  min-height: 100vh; }

:root {
  --xx: 8rem;
  --xl: 4rem;
  --lg: 3.2rem;
  --md: 2.4rem;
  --sm: 1.6rem;
  --xs: 0.8rem;
  --ss: 0.4rem; }

html {
  box-sizing: border-box;
  color: var(--text);
  font-size: 10px;
  font-weight: normal;
  margin-top: 82px; }

*, *::after, *::before {
  box-sizing: inherit;
  font-family: 'museo_sans300';
  margin: 0;
  padding: 0; }

.button, .form-contact__input {
  background-color: var(--first);
  border-radius: var(--lg);
  border-color: var(--first);
  border-style: solid;
  border-width: 0.1rem;
  color: var(--text-alt);
  padding: var(--xs) var(--sm);
  width: 100%; }

.button__ghost {
  background-color: transparent;
  border-color: currentColor; }

.link {
  color: var(--first);
  font-family: 'museo_sans700';
  font-size: var(--md);
  text-decoration: none;
  display: flex; }
  .link:hover {
    text-decoration: underline; }
  .link::after {
    content: url("imgPathicon-next.svg");
    margin-left: var(--sm); }

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  @media only screen and (min-width: 568px) {
    .card {
      flex-direction: row;
      justify-content: space-between;
      text-align: left; } }
  .card--inside {
    background-color: var(--first);
    padding: var(--md); }
    .card--inside .card__text {
      color: var(--text-alt); }
  .card--outside .card__text {
    padding: var(--md); }
  @media only screen and (min-width: 568px) {
    .card--left .card__icon {
      order: 0;
      margin-right: var(--md);
      margin-bottom: 0;
      margin-left: 0; } }
  .card__text {
    width: 100%;
    font-size: var(--md); }
  .card__icon {
    width: 8rem;
    height: 8rem;
    margin-bottom: var(--md); }
    @media only screen and (min-width: 568px) {
      .card__icon {
        order: 1;
        margin-left: var(--md);
        margin-bottom: 0; } }
  .card--second {
    color: var(--text); }
  .card--alt {
    color: var(--text-alt); }
  .card--bgfirst {
    background-color: var(--first); }
  .card--bgsecond {
    background-color: var(--text); }
  .card--bgalt {
    background-color: var(--text-alt); }

.cardv {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .cardv__img {
    padding: var(--md);
    margin-bottom: var(--md); }
    @media only screen and (min-width: 1024px) {
      .cardv__img {
        padding-top: var(--xx);
        padding-bottom: var(--xx); } }
  .cardv__icon {
    width: 8rem;
    height: 8rem; }

.socials {
  position: fixed;
  right: calc(51.2rem + 50%);
  bottom: var(--md);
  z-index: 10; }
  .socials__item {
    list-style-type: none;
    text-align: right;
    margin-bottom: var(--xs); }
    .socials__item:last-child {
      margin-bottom: 0; }
  .socials__link {
    color: var(--first);
    font-size: 1.4rem;
    text-decoration: none; }
  .socials__icon {
    width: var(--lg); }

.contact-alt {
  display: grid;
  grid-template-columns: 3.2rem;
  grid-template-rows: repeat(3, 1fr);
  background-color: var(--first);
  padding: var(--md);
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 10; }
  .contact-alt__box:first-child {
    margin-bottom: auto;
    height: 8.2rem; }
  .contact-alt__box:nth-child(2) {
    margin-top: auto;
    margin-bottom: auto; }
    .contact-alt__box:nth-child(2) a {
      display: block;
      margin-bottom: var(--xs); }
  .contact-alt__box:last-child {
    margin-top: auto; }
  .contact-alt__icon {
    height: var(--lg);
    width: auto; }
  .contact-alt__caption {
    color: var(--text-alt);
    font-size: var(--md);
    transform: rotate(-90deg); }

.form-contact {
  color: var(--first);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sm);
  width: 100%; }
  .form-contact * {
    font-size: var(--sm); }
  @media only screen and (min-width: 568px) {
    .form-contact {
      grid-template-columns: repeat(2, 1fr); } }
  .form-contact__title {
    font-size: var(--lg);
    margin-bottom: var(--md); }
  .form-contact__box {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    grid-column-start: 1;
    grid-column-end: 3; }
    @media only screen and (min-width: 568px) {
      .form-contact__box:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2; }
      .form-contact__box:nth-child(4) {
        grid-column-start: 2;
        grid-column-end: 3; } }
  .form-contact__label {
    grid-row-start: 1;
    grid-row-end: 2;
    display: block;
    font-size: 1.4rem;
    margin-bottom: var(--xs); }
  .form-contact__input {
    position: relative;
    transition: color 0.3s ease-in-out,
 border-color 0.3s ease-in-out,
 box-shadow 0.3s ease-in-out;
    border-color: var(--first);
    color: var(--first); }
    .form-contact__input:focus {
      color: var(--second);
      border-color: var(--second);
      box-shadow: 0 0 0.1rem var(--second);
      outline: none; }
  .form-contact__label {
    transition: color 0.3s ease-in-out,
 border-color 0.3s ease-in-out,
 text-shadow 0.3s ease-in-out; }
  .form-contact__input:focus + .form-contact__label {
    color: var(--second);
    border-color: var(--second);
    text-shadow: 0 0 0.1rem var(--second); }
  .form-contact__textarea {
    border-radius: var(--md);
    padding-top: var(--sm);
    padding-bottom: var(--sm);
    height: 16rem;
    resize: none; }
  .form-contact__input:placeholder-shown, .form-contact__input::placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .form-contact .button {
    cursor: pointer;
    grid-column-start: 1;
    grid-column-end: 3; }

.header {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  background-color: var(--text-alt);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  padding: var(--md) var(--sm);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }
  .header__child {
    grid-column-start: 2;
    grid-column-end: 12;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .header__logo {
    width: auto;
    height: var(--lg); }
  .header__nav {
    position: relative; }
    .header__nav:hover .menu {
      display: flex; }

.menu {
  display: none;
  flex-direction: column;
  background-color: var(--first);
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.6);
  border-radius: var(--ss);
  list-style-type: none;
  padding: var(--md);
  position: absolute;
  right: 0; }
  .menu__item {
    margin-bottom: var(--sm);
    text-align: right;
    transition: opacity 0.3s ease-in-out; }
    .menu__item:last-child {
      margin-bottom: 0; }
    .menu__item:hover {
      opacity: 0.6; }
  .menu__link {
    color: var(--text-alt);
    font-family: 'museo_sans700';
    font-size: var(--sm);
    text-decoration: none;
    text-transform: uppercase; }

.hamburguer {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--lg);
  height: var(--md); }
  .hamburguer__line {
    background-color: var(--first);
    width: 100%;
    height: 0.4rem; }
  .hamburguer:hover {
    justify-content: space-evenly; }

.socials {
  position: fixed;
  right: calc(51.2rem + 50%);
  bottom: var(--md);
  z-index: 10; }
  .socials__item {
    list-style-type: none;
    text-align: right;
    margin-bottom: var(--xs); }
    .socials__item:last-child {
      margin-bottom: 0; }
  .socials__link {
    color: var(--first);
    font-size: 1.4rem;
    text-decoration: none; }
  .socials__icon {
    width: var(--lg); }

.home {
  background-image: url("../img/bg.png");
  background-position: center;
  background-size: cover;
  display: flex; }
  .home__title {
    font-size: calc(var(--lg) + 1vw);
    text-align: center;
    margin: auto; }
    @media only screen and (min-width: 568px) {
      .home__title {
        font-size: calc(3.2rem + 3vw); } }
    @media only screen and (min-width: 736px) {
      .home__title {
        font-size: calc(3.2rem + 6vw); } }
  .home__icon {
    cursor: pointer;
    margin-top: var(--md);
    margin-left: auto;
    margin-right: auto;
    display: block; }

@media only screen and (min-width: 1024px) {
  .que-es.__description-grid {
    padding-left: 0; } }

@media only screen and (min-width: 1024px) {
  .que-es__child:first-child {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
    background-image: url("../img/bg.png");
    background-size: cover; }
  .que-es__child:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
    margin: auto; }
    .que-es__child:nth-child(2) .que-es__title {
      text-align: left; }
  .que-es__child:last-child {
    grid-column-start: 7;
    grid-column-end: 12; } }

.que-es__title {
  color: var(--first);
  font-size: 4.8rem;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .que-es__title {
      grid-column-start: 2;
      color: var(--text-alt);
      font-size: 6.4rem;
      text-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.8); } }

.que-es__caption {
  font-size: var(--xl); }

.que-es__text {
  font-size: var(--md); }

.que-es__hero-img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.pbx.__description-grid {
  padding-right: 0; }

.pbx__child {
  grid-column-start: 2;
  grid-column-end: 12; }
  @media only screen and (min-width: 1024px) {
    .pbx__child {
      grid-column-end: 7; }
      .pbx__child:first-child {
        grid-row-start: 1;
        grid-row-end: 2; }
      .pbx__child:nth-child(2) {
        grid-row-start: 2;
        grid-row-end: 3; }
      .pbx__child:nth-child(3) {
        grid-row-start: 3;
        grid-row-end: 4; }
      .pbx__child:nth-child(4) {
        grid-row-start: 4;
        grid-row-end: 5; }
      .pbx__child:nth-child(5) {
        grid-column-start: 7;
        grid-column-end: 13;
        grid-row-start: 1;
        grid-row-end: 5;
        padding-right: 0;
        background: linear-gradient(to left, var(--first) 50%, var(--text-alt) 50%); }
      .pbx__child:last-child {
        grid-column-start: 7;
        grid-column-end: 12;
        grid-row-start: 1;
        grid-row-end: 5;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        padding-right: 0; }
        .pbx__child:last-child .pbx__img {
          margin-top: auto; } }

.pbx__img {
  max-width: 100%;
  height: auto; }

.pbx-desc__child:nth-child(4) {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: var(--md); }

@media only screen and (min-width: 667px) {
  .pbx-desc__child:nth-child(4) {
    grid-template-columns: repeat(2, 1fr); } }

@media only screen and (min-width: 1024px) {
  .pbx-desc__child:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4; }
  .pbx-desc__child:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2; }
  .pbx-desc__child:nth-child(3) {
    grid-column-start: 6;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2; }
  .pbx-desc__child:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3;
    display: grid;
    gap: var(--md); }
  .pbx-desc__child:last-child {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 3;
    grid-row-end: 4; } }

.uc {
  background-color: var(--second); }
  @media only screen and (min-width: 667px) {
    .uc__child:nth-child(1) {
      grid-column-start: 2;
      grid-column-end: 12;
      grid-row-start: 1;
      grid-row-end: 2; }
    .uc__child:nth-child(2) {
      grid-column-start: 7;
      grid-column-end: 12;
      grid-row-start: 2;
      grid-row-end: 3; }
    .uc__child:nth-child(3) {
      grid-column-start: 2;
      grid-column-end: 7;
      grid-row-start: 2;
      grid-row-end: 3; }
    .uc__child:last-child {
      grid-column-start: 2;
      grid-column-end: 11;
      grid-row-start: 3;
      grid-row-end: 4; } }
  @media only screen and (min-width: 1024px) {
    .uc__child:nth-child(1) {
      grid-column-start: 2;
      grid-column-end: 8;
      grid-row-start: 1;
      grid-row-end: 2; }
    .uc__child:nth-child(2) {
      grid-column-start: 8;
      grid-column-end: 12;
      grid-row-start: 1;
      grid-row-end: 2;
      margin-top: auto; }
    .uc__child:nth-child(3) {
      grid-column-start: 2;
      grid-column-end: 8;
      grid-row-start: 2;
      grid-row-end: 3; }
    .uc__child:last-child {
      grid-column-start: 8;
      grid-column-end: 12;
      grid-row-start: 2;
      grid-row-end: 3; } }
  .uc__img {
    width: auto;
    max-width: 100%; }

.uc-desc__child:nth-child(4) {
  display: grid;
  gap: var(--md);
  grid-template-columns: auto;
  grid-template-rows: auto; }
  @media only screen and (min-width: 667px) {
    .uc-desc__child:nth-child(4) {
      grid-template-columns: repeat(2, 1fr); } }

@media only screen and (min-width: 1024px) {
  .uc-desc__child:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4; }
  .uc-desc__child:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2; }
  .uc-desc__child:nth-child(3) {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-top: auto; }
  .uc-desc__child:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3; }
  .uc-desc__child:last-child {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 3;
    grid-row-end: 4; } }

@media only screen and (min-width: 1024px) {
  .cs__child:first-child {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2; }
  .cs__child:last-child {
    grid-column-start: 7;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2; } }

.cs__img {
  width: auto;
  max-width: 100%; }

.cs-desc__child:nth-child(4) {
  display: grid;
  gap: var(--md);
  grid-template-columns: auto;
  grid-template-rows: auto; }
  @media only screen and (min-width: 568px) {
    .cs-desc__child:nth-child(4) {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (min-width: 768px) {
    .cs-desc__child:nth-child(4) {
      grid-template-columns: repeat(3, 1fr); } }
  @media only screen and (min-width: 1280px) {
    .cs-desc__child:nth-child(4) {
      grid-template-columns: repeat(6, 1fr); } }

@media only screen and (min-width: 1024px) {
  .cs-desc__child:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4; }
  .cs-desc__child:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2; }
  .cs-desc__child:nth-child(3) {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-top: auto; }
  .cs-desc__child:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3; }
  .cs-desc__child:last-child {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 3;
    grid-row-end: 4; } }

@media only screen and (min-width: 1024px) {
  .cc__child:first-child {
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2; }
  .cc__child:nth-child(2) {
    grid-column-start: 6;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3;
    position: relative; }
    .cc__child:nth-child(2) .cc__img {
      object-fit: cover;
      position: absolute;
      width: 100%;
      height: 100%; }
  .cc__child:last-child {
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3; } }

.cc__img {
  height: auto;
  max-width: 100%; }

.cc-desc__child:nth-child(3) {
  display: grid;
  gap: var(--md); }

@media only screen and (min-width: 667px) {
  .cc-desc__child:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2; }
  .cc-desc__child:nth-child(3) {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 3; }
  .cc-desc__child:last-child {
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
    margin-top: auto; } }

@media only screen and (min-width: 1024px) {
  .cc-desc__child:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4; } }

.noc {
  background-color: var(--second); }
  .noc__child:nth-child(1) {
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2; }
  .noc__child:nth-child(2) {
    grid-column-start: 7;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3; }
  .noc__child:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4; }
  .noc__child:last-child {
    grid-column-start: 2;
    grid-column-end: 11;
    grid-row-start: 4;
    grid-row-end: 5; }
  @media only screen and (min-width: 1024px) {
    .noc__child:nth-child(1) {
      grid-column-start: 2;
      grid-column-end: 7;
      grid-row-start: 1;
      grid-row-end: 2; }
    .noc__child:nth-child(2) {
      grid-column-start: 8;
      grid-column-end: 12;
      grid-row-start: 1;
      grid-row-end: 2; }
    .noc__child:nth-child(3) {
      grid-column-start: 2;
      grid-column-end: 8;
      grid-row-start: 2;
      grid-row-end: 3; }
    .noc__child:last-child {
      grid-column-start: 8;
      grid-column-end: 12;
      grid-row-start: 2;
      grid-row-end: 3; } }
  .noc__img {
    width: auto;
    max-width: 100%; }

.noc-desc__child:nth-child(4), .noc-desc__child:last-child {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: var(--md); }
  @media only screen and (min-width: 568px) {
    .noc-desc__child:nth-child(4), .noc-desc__child:last-child {
      grid-template-columns: repeat(2, 1fr); } }

@media only screen and (min-width: 1024px) {
  .noc-desc__child:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4; }
  .noc-desc__child:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2; }
  .noc-desc__child:nth-child(3) {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-top: auto; }
  .noc-desc__child:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3; }
  .noc-desc__child:nth-child(5) {
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 3;
    grid-row-end: 4; }
  .noc-desc__child:last-child {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 4;
    grid-row-end: 5; } }

.free {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  gap: var(--md);
  margin-top: auto;
  margin-bottom: auto;
  width: 100vw; }
  .free__box:first-child {
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2; }
  .free__box:last-child {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3; }
  .free__display {
    font-family: 'museo_sans700';
    font-size: 4.8rem;
    line-height: 1; }
  .free__caption {
    font-size: var(--xl); }
  .free__text {
    font-size: var(--md); }
  .free__img {
    max-width: 100%; }
  .free--700 {
    font-family: 'museo_sans700'; }

@media only screen and (min-width: 768px) {
  .contact__child:first-child {
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2; }
  .contact__child:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3; }
  .contact__child:last-child {
    grid-column-start: 6;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3;
    margin: auto; } }

@media only screen and (min-width: 1024px) {
  .contact__child:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3; }
  .contact__child:last-child {
    grid-column-start: 7;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3; } }

.contact__text {
  font-size: var(--xl); }
  @media only screen and (min-width: 375px) {
    .contact__text {
      font-size: calc(var(--xl) + 3vw); } }

.contact__img {
  max-width: 100%;
  height: auto; }

.landing {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, auto); }
  @media only screen and (min-width: 768px) {
    .landing {
      grid-template-rows: 3fr 4fr; } }
  @media only screen and (min-width: 1024px) {
    .landing {
      grid-template-columns: 1fr 40rem;
      grid-template-rows: auto; } }
  @media only screen and (min-width: 1366px) {
    .landing {
      grid-template-columns: 1fr 56rem; } }
  .landing__wrap {
    padding-top: var(--md);
    padding-bottom: var(--md);
    min-height: 100vh; }
  .landing__wrap:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-image: url("../img/bg.png");
    background-size: cover; }
    @media only screen and (min-width: 768px) {
      .landing__wrap:first-child {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem; } }
  .landing__wrap:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--first); }
    @media only screen and (min-width: 1024px) {
      .landing__wrap:last-child {
        padding-right: var(--lg);
        padding-left: var(--lg); } }
  .landing__logo {
    height: var(--lg); }
  .landing__display {
    color: var(--text-alt);
    font-family: 'museo_sans700';
    font-size: var(--lg);
    text-align: center;
    text-shadow: 0 0 0.4rem var(--second); }
    @media only screen and (min-width: 568px) {
      .landing__display {
        font-size: 4.8rem; } }
    @media only screen and (min-width: 1024px) {
      .landing__display {
        font-size: 6.4rem; } }
    @media only screen and (min-width: 1366px) {
      .landing__display {
        font-size: 8rem; } }
  .landing__form-header {
    align-self: flex-start;
    display: grid;
    grid-template-columns: var(--lg) auto;
    grid-template-rows: auto; }
  .landing__form-icon {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    align-self: center; }
  .landing__form-title {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    color: var(--text-alt);
    font-size: var(--xl); }
  .landing__form-data {
    grid-column-start: 1;
    grid-column-end: 2;
    color: var(--text-alt);
    font-size: 1.4rem;
    text-decoration: none; }
    .landing__form-data:hover {
      text-decoration: underline; }
    .landing__form-data:last-of-type {
      margin-bottom: var(--xl); }