/*MENU*/

.menu {
  .block {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    height: 540px;
    color: white;
    text-decoration: none;
    margin: 40px 1.6%;
    text-align: left;
    max-width: 29%;

    .content {
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      margin: 20px;
      padding: 20px 25px 25px;
      background-color: rgba(0, 0, 0, 0.15);
      margin-top: 397px;

      h3 {
        font-size: 34px;
        line-height: 39px;
        display: inline-block;
        vertical-align: middle;
        color: white;
      }

      .arrow {
        display: inline-block;
        vertical-align: middle;
        width: 37px;
        float: right;
        margin: 30px 0 0;
      }
    }

    &:hover {
      opacity: 0.8;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    &.block_customers {
      background-image: url("../img/img_home_customers-16f02ea36c604de48da58f9211ed5282.webp");
    }

    &.block_planet {
      background-image: url("../img/img_home_planet-a411da25225deedc4b78d6460dbf776e.webp");
    }

    &.block_housing {
      background-image: url("../img/img_home_housing-b3a20eff833d849a7635332a62a7dde5.webp");
    }

    @media (max-width: 1290px) {
      height: 450px;

      .content {
        margin-top: 317px;

        h3 {
          font-size: 28px;
          line-height: 33px;
        }

        .arrow {
          margin: 25px 0 0;
        }
      }
    }

    @media (max-width: 1190px) {
      height: 400px;
      background-position: bottom -100px center;
      margin: 30px 1.4%;

      .content {
        padding: 15px 20px;
        margin: 15px;
        margin-top: 300px;

        h3 {
          font-size: 22px;
          line-height: 28px;
        }

        .arrow {
          margin: 18px 0 0;
        }
      }
    }

    @media (max-width: 935px) {
      .content {
        margin-top: 270px;
        h3 {
          font-size: 20px;
          line-height: 25px;
        }

        .arrow {
          float: none;
          margin: 10px 0 0;
          display: block;
        }
      }
    }

    @media (max-width: 730px) {
      width: auto;
      height: auto;
      display: block;
      margin: 25px 30px 0;
      max-width: 100%;
      padding: 1px 0;
      background-position: center right;

      .content {
        margin: 20px;
        width: 180px;
      }

      &.block_customers {
        background-image: url("../img/img_home_customers_mob-17174ceab2d81d1a66aaa7afcb8b42d7.webp");
      }

      &.block_planet {
        background-image: url("../img/img_home_planet_mob-dcbecce1437043d52c2ab493312952b3.webp");
        background-position: bottom left;
      }

      &.block_housing {
        background-image: url("../img/img_home_housing_mob-ff64a78986a7ed1657b7d421066a4e7d.webp");
      }
    }

    @media (max-width: 580px) {
      margin: 20px 25px 0;
      background-position: top right 0;
      background-size: auto 100%;

      .content {
        width: 150px;
        margin: 15px;
        padding: 15px;

        h3 {
          font-size: 16px;
          line-height: 22px;
        }

        .arrow {
          width: 30px;
        }
      }
    }

    @media (max-width: 480px) {
      &.block_customers,
      &.block_housing {
        background-position: top right -100px;
      }
    }
  }
}

@media (max-width: 935px) {
  .cover {
    .presentation {
      br {
        display: none;
      }
    }
  }
}