@media screen and (min-width: 0px) {
  #landing-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 4rem;
  }
  #landing-section .box {
    width: 90vw;
    max-width: 1500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 2rem;
    padding: 9rem 0;
    background-image: url("/img/svg/blur-background.svg");
    background-size: contain;
    background-position: bottom right -14%;
    background-repeat: no-repeat;
  }
  #landing-section .title {
    width: 100%;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #landing-section p {
    margin-top: 1rem;
  }
  #landing-section button {
    margin-top: 0.7rem;
  }
  #landing-section picture {
    width: 100%;
    max-width: 690px;
  }
  #landing-section picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border: rgb(19, 29, 49, 0.5) solid 40px;
    border-radius: var(--border-radius-1);
    backdrop-filter: blur(10px);
  }
  #acerca-de {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 7rem 0;
  }
  #acerca-de .box {
    width: 90vw;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 2rem;
  }
  #acerca-de picture {
    width: 100%;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 0.5rem;
    padding: 4rem 0;
    background-image: url("/img/svg/blur-background.svg");
    background-position: bottom -2rem center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #acerca-de picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #acerca-de picture a {
    border-bottom: var(--blue-color-2) solid 1px;
    padding-bottom: 0.2rem;
    align-self: flex-end;
  }
  #acerca-de .title {
    width: 100%;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #acerca-de .title-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    padding-left: 1rem;
    margin-bottom: 2rem;
  }
  #acerca-de .title-box p {
    font-size: 1rem;
    color: var(--blue-color-2);
  }
  #acerca-de .title > p {
    margin-bottom: 1rem;
  }
  #acerca-de .title .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

    gap: 1rem;
  }
  #tecnologias {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: var(--blue-color-4);
  }
  #tecnologias .box {
    width: 100%;
    max-width: 94.625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 10rem 0;
    background-image: url("/img/svg/blur-background.svg");
    background-size: 34rem;
    background-position: bottom -4rem right;
    background-repeat: no-repeat;
  }
  #tecnologias .title {
    width: 90vw;
    max-width: 42.41856rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #tecnologias .title-box {
    text-align: start;
  }
  #tecnologias .h-card {
    width: 90%;
    max-width: 64.625rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;

    gap: 4rem;
    margin-top: 4rem;
    padding: 3rem;
    border-radius: var(--border-radius-1);
    /* background: linear-gradient(#122236, #122236) padding-box,
    linear-gradient(to top left, #0ea3e7, transparent) border-box;
    border: 1px solid transparent;
    background-color: var(--blue-color-5); */
    background-color: rgb(18, 34, 54, 0.23);
    border: rgb(14, 163, 231, 0.34) solid 1px;
    backdrop-filter: blur(10px);
  }
  #tecnologias .item {
    width: 100%;
    max-width: 7.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #tecnologias .item-img {
    width: 6.62956rem;
    height: 6.62956rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: var(--white-color-1);
    border-radius: 100%;
  }
  #tecnologias .item-img img {
    width: fit-content;
    object-fit: cover;
    object-position: center;
  }
  #tecnologias .item p {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-top: 1rem;
    font-size: 1rem;
    text-align: center;
    line-height: 1.4rem;
  }
  #tecnologias .item p span {
    font-weight: 600;
    color: var(--white-color-1);
  }

  #resultados {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: var(--blue-color-4);
  }

  #resultados .main-box {
    width: 100%;
    max-width: 96.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 9rem 0;
    gap: 10rem;
    background-image: url("/img/svg/blur-background.svg"),
      url("/img/svg/blur-background.svg");
    background-position: top right, bottom left;
    background-size: 49rem;
    background-repeat: no-repeat;
  }
  #resultados .box {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 4rem;
  }
  #resultados :is(.title, picture) {
    width: 100%;
    max-width: 42.6875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #resultados .title {
    align-items: flex-start;
  }
  #resultados .title > p {
    margin-bottom: 1rem;
  }
  #resultados picture {
    align-items: center;
  }
  #resultados picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #portafolio {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #portafolio .box {
    width: 100%;
    max-width: 86.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 7rem;
    padding: 10rem 0;
    background-image: url("/img/svg/blur-background.svg");
    background-position: bottom -2rem right -2rem;
    background-size: 40rem;
    background-repeat: no-repeat;
  }
  #portafolio .title {
    width: 90%;
    max-width: 49.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #portafolio .title-box {
    align-items: center;
  }
  #portafolio .items {
    width: 90%;
    max-width: 86.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 2rem;
  }
  #portafolio .item {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    text-align: center;
  }
  #portafolio .item h3 {
    font-weight: 500;
    color: var(--white-color-1);
    font-size: 1.3rem;
  }
  #portafolio .item > img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #portafolio .item img.portfolio-img {
    min-width: 100%;
    width: 27rem;
  }
  #usp {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-image: url("/img/svg/background-linear-gradient.svg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #usp .box {
    width: 100%;
    max-width: 77.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 9rem 0 12rem;
    background-image: url("/img/svg/blur-background.svg");
    background-size: 34rem;
    background-position: bottom right -1rem;
    background-repeat: no-repeat;
  }
  #usp .title {
    width: 90%;
    max-width: 72.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #usp .title-box {
    align-items: center;
    text-align: center;
    padding: 1rem auto;
  }
  #usp .wrapper {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 2rem;
  }
  #usp .wrapper picture {
    width: 100%;
    max-width: 45.625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #usp .wrapper picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #usp .text {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #usp .text p {
    margin-bottom: 1rem;
  }
  #usp .text ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  #usp .text ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
  }
  #servicios {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #servicios .box {
    width: 100%;
    max-width: 97.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 4rem;
    background-image: url("/img/svg/blur-background.svg"),
      url("/img/svg/blur-background.svg");
    background-position: top left -4rem, bottom -7rem right;
    background-size: 34rem;
    background-repeat: no-repeat;
  }
  #servicios .title {
    width: 90%;
    max-width: 49.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #servicios .title-box {
    align-items: center;
  }
  #servicios .cards {
    width: 90%;
    max-width: 93.1875rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;

    gap: 2rem;
    padding-bottom: 4rem;
    background-image: url("/img/svg/servicios-line-gradient.svg");
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #servicios .card {
    width: 100%;
    max-width: 27.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    padding: 2rem;
    border-style: solid;
    border-left-width: 7px;
    border-right-width: 0;
    border-image: linear-gradient(
        to bottom,
        var(--blue-color-2),
        var(--blue-color-4)
      )
      1 100%;
    background-color: var(--blue-color-transparent);
    backdrop-filter: blur(10px);
    border-radius: var(--border-radius-1);
  }
  #servicios .card h3 {
    margin-bottom: 0.5rem;
  }
  #servicios .card p {
    margin-top: 1rem;
  }
  #servicios .card button {
    margin-top: 0.5rem;
  }
  #planes {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 7rem 0;
  }
  #planes .box {
    width: 90%;
    max-width: 93.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #planes .title {
    width: 100%;
    max-width: 49.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #planes .title-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #planes .title > p {
    text-align: center;
  }
  #planes .subtitle {
    width: 100%;
    text-align: start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;

    margin-top: 4rem;
  }
  #planes .subtitle h3 {
    font-weight: 300;
  }
  #planes .subtitle h3 span {
    font-weight: 600;
    /* color: var(--white-color-1); */
  }
  #planes .cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;

    padding: 4rem 0;
    gap: 2rem;
  }
  #planes .card {
    width: 100%;
    max-width: 27.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    padding: 2rem;
    border-style: solid;
    border-left-width: 7px;
    border-right-width: 0;
    border-image: linear-gradient(
        to bottom,
        var(--blue-color-2),
        var(--blue-color-4)
      )
      1 100%;
    background-color: var(--blue-color-transparent);
    backdrop-filter: blur(10px);
    border-radius: var(--border-radius-1);
  }
  #planes .card h4 {
    font-weight: 300;
    font-size: 1.4rem;
  }
  #planes .card h4 span {
    font-weight: 700;
  }
  #planes .card ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    margin-top: 2rem;
    text-align: start;
  }
  #planes .card ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: var(--text-size-1);
  } 
  #planes .card > p {
    margin-top: 2rem;
    color: var(--blue-color-2);
    font-size: var(--title-size-1);
  }
  #planes .card > p:last-of-type {
    color: var(--white-color-1);
    font-size: var(--text-size-1-m);
    font-weight: 300;
  }
  #planes .card > p:last-of-type a {
    font-size: var(--text-size-1-m);
    text-decoration: underline;
  }
  #planes .card button {
    margin-top: 2rem;
  }
  #blog {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #blog .box {
    width: 100%;
    max-width: 97.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 13rem 0;
    gap: 4rem;
    background-image: url("/img/svg/blur-background.svg"),
      url("/img/svg/blur-background.svg"), url("/img/svg/blur-background.svg");
    background-position: top left, center right, bottom left;
    background-size: 40rem, 40rem, 40rem;
    background-repeat: no-repeat, no-repeat, no-repeat;
  }
  #blog .title {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #blog .title-box {
    width: 100%;
    max-width: 38.2445rem;
  }
  #blog .cards {
    width: 90%;
    max-width: 92.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    gap: 4rem;
  }
  #blog .card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    gap: 1rem;
  }
  #blog :is(.card-title, .card-text) {
    background-color: var(--blue-color-transparent);
    border-radius: var(--border-radius-1);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #blog .card-title {
    width: 100%;
    max-width: 25.9375rem;
  }
  #blog .card .links {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    margin-top: 2rem;
    gap: 1rem;
  }
  #blog .card .links p {
    background-color: var(--blue-color-1);
    padding: 0.5rem;
    border-radius: var(--border-radius-1);
  }
  #blog .card-text {
    width: 100%;
    max-width: 41.625rem;

    flex-direction: column;
    gap: 3rem;
  }
  #blog .card-text img {
    width: 100%;
    max-width: 29.9375rem;
    object-fit: cover;
    object-position: center;
    border-radius: var(--border-radius-1);
  }
  #blog .card-text .text {
    width: 100%;
  }
  #blog .card-text .links {
    margin-top: 1rem;
  }
  #blog .card-text .links a {
    padding-bottom: 0.2rem;
    background-image: linear-gradient(
      to right,
      transparent,
      var(--blue-color-2)
    );
    background-position: bottom;
    background-size: 100% 2px;
    background-repeat: no-repeat;
  }
  #contacto {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #contacto .box {
    width: 100%;
    max-width: 90.4375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 4rem;
    padding: 9rem 5%;
    background-image: url("/img/svg/blur-background.svg"),
      url("/img/svg/blur-background.svg");
    background-size: 40rem, 40rem;
    background-position: top center, bottom right;
    background-repeat: no-repeat, no-repeat;
  }
  #contacto .title {
    width: 100%;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #contacto .title > p {
    width: 100%;
  }
  #contacto form {
    width: 100%;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    gap: 1rem;
    margin-top: 1rem;
    padding: 2rem;
    background: linear-gradient(var(--blue-color-7), var(--blue-color-7))
        padding-box,
      linear-gradient(to bottom right, var(--blue-color-2), transparent)
        border-box;
    border: 1px solid transparent;
    background-color: var(--blue-color-7);
    border-radius: var(--border-radius-1);
  }
  #contacto form p {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #contacto form :is(input, textarea) {
    width: 100%;
    border-style: none;
    background: linear-gradient(var(--blue-color-7), var(--blue-color-7))
        padding-box,
      linear-gradient(to bottom right, var(--blue-color-2), transparent)
        border-box;
    border: 1px solid transparent;
    background-color: var(--blue-color-7);
    border-radius: var(--border-radius-1);
    font-size: var(--text-size-1);
    padding: 1rem;
  }
  #contacto form textarea {
    height: 17rem;
  }
  #contacto form input::placeholder,
  #contacto form textarea::placeholder,
  #contacto form input:focus,
  #contacto form textarea:focus {
    color: var(--text-color-1);
    font-weight: 300;
  }
  #contacto form button {
    width: fit-content;
    display: flex;
    flex-direction: flex;
    justify-content: center;
    align-items: center;

    gap: 0.5rem;
    padding: 0.7rem 1.5rem;
    border: var(--blue-color-2) solid 1px;
    color: var(--white-color-1);
    font-size: var(--text-size-1);
    font-weight: var(--text-weight-1);
    background: linear-gradient(var(--blue-color-7), var(--blue-color-7))
        padding-box,
      linear-gradient(to bottom right, var(--blue-color-2), transparent)
        border-box;
    border: 1px solid transparent;
    background-color: var(--blue-color-7);
    border-radius: var(--border-radius-1);
    cursor: pointer;
  }
  #contacto form button:hover {
    background-color: var(--white-color-1);
  }
  #contacto .map {
    width: 100%;
    max-width: 37.1875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: flex-end;

    border-radius: var(--border-radius-1);
    background-image: url("/img/fotos/google-maps.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 10px 1px var(--dark-color-1);
    padding-top: 22rem;
  }
  #contacto .map .text {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    padding: 3rem;
    gap: 0.5rem;
    background-color: var(--blue-color-transparent);
  }
  #contacto .map .text a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    gap: 0.5rem;
    font-size: 1rem;
  }
  #banner {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #banner .box {
    width: 90%;
    max-width: 70.9375rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.5rem;
    background-color: var(--blue-color-1);
    border: var(--blue-color-9) solid 1px;
    border-radius: var(--border-radius-1);
    padding: 2rem;
  }
  #banner .box h3 {
    max-width: 38.3125rem;
  }
  #footer {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 7rem 0;
    margin-top: -4rem;
    border-top: var(--blue-color-2) solid 1px;
  }
  #footer .box {
    width: 90%;
    max-width: 79.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 2rem;
  }
  #footer .links {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;

    gap: 1rem;
  }
  #footer .profile {
    width: 100%;
    max-width: 17.125rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    gap: 1rem;
  }
  #footer .link-box {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    gap: 2rem;
    margin-top: 3rem;
  }
  #footer .link-box h4 {
    font-size: 1.3rem;
    font-weight: 600;
  }
  #footer :is(.link-box li a, .copyright p, .copyright a) {
    font-size: 1rem;
  }
  #footer .copyright {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

    padding-top: 1rem;
    background-image: url("/img/svg/line-footer.svg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
#footer .link-box ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  gap: 0.5rem;
}
#footer .link-box ul li {
  list-style-type: disc;
  list-style-position: inside;
}
#footer .link-box:last-child ul li {
  list-style: none;
}
#footer .link-box:last-child ul li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  gap: 0.5rem;
}
@media screen and (min-width: 400px) {
  #tecnologias .h-card {
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
  }
}
@media screen and (min-width: 900px) {
  #portafolio .items {
    flex-direction: row;
  }
  #usp .wrapper {
    flex-direction: row;
    gap: 2rem;
  }
  #usp .text {
    max-width: 29.125rem;
    padding-top: 4rem;
  }
}
@media screen and (min-width: 1000px) {
  #landing-section .box {
    flex-direction: row;
    background-image: url("/img/svg/blur-background.svg"),
      url("/img/svg/blur-background.svg");
    background-size: 40rem, 40rem;
    background-position: top right 49%, bottom right -10%;
    background-repeat: no-repeat, no-repeat;

    padding: 17rem 0;
  }
  #acerca-de .box {
    flex-direction: row;
    justify-content: space-between;
  }
  #resultados .box {
    flex-direction: row;
    padding-inline: 2rem;
  }
  #resultados .row-reverse {
    flex-direction: row-reverse;
  }
  #blog .card {
    flex-direction: row;
  }
  #blog .card-title {
    width: 34%;
  }
  #blog .card-text {
    width: 64%;
    max-width: 62.625rem;
    flex-direction: row;
  }
  #blog .card-text img {
    width: 60%;
  }
  #contacto .box {
    flex-direction: row;
  }
}
@media screen and (min-width: 1100px) {
  #blog .card {
    gap: 2rem;
  }
}
@media screen and (min-width: 1500px) {
  #landing-section .box {
    background-size: 40rem, 34rem;
    background-position: top right 49%, bottom right -1rem;
    background-repeat: no-repeat, no-repeat;

    padding: 17rem 4rem 13rem 0;
  }
}