/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


.roboto {
  font-family: "Roboto", sans-serif !important;
}

.italic {
  font-style: italic;
}

.ta-c {
  text-align: center;
}

.fw-n {
  font-weight: normal;
}

.fw-b {
  font-weight: bold !important;
}

.fs-56 {
  font-size: 5.6rem;
}

.fs-40 {
  font-size: 4rem;
}

.fs-36 {
  font-size: 3.6rem;
}

.fs-32 {
  font-size: 3.2rem;
}

.fs-28 {
  font-size: 2.8rem;
}

.fs-26 {
  font-size: 2.6rem;
}

.fs-24 {
  font-size: 2.4rem;
}

.fs-22 {
  font-size: 2.2rem;
}

.fs-20 {
  font-size: 2rem;
}

.fs-18 {
  font-size: 1.8rem;
}

.fs-16 {
  font-size: 1.6rem;
}

.fs-15 {
  font-size: 1.5rem;
}

.fs-14 {
  font-size: 1.4rem;
}

.fs-13 {
  font-size: 1.3rem;
}

.fs-11 {
  font-size: 1.1rem;
}

.aspect {
  position: relative;
  overflow: hidden;
  width: 100%;

  img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.aspect16-9::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.p-on {
  display: none;
}

.p-VGCloud, .p-clouza {
  .c-download {
    background-color: #F9F5F1;
  }
}

@media (max-width: 767px) {

  .fs-56 {
    font-size: 3.4rem;
  }

  .fs-40 {
    font-size: 2.8rem;
  }

  .fs-36 {
    font-size: 2.6rem;
  }

  .fs-32 {
    font-size: 2.4rem;
  }

  .fs-28 {
    font-size: 2.4rem;
  }

  .fs-26 {
    font-size: 2.2rem;
  }

  .fs-24 {
    font-size: 2rem;
  }

  .fs-22 {
    font-size: 2rem;
  }

  .fs-20 {
    font-size: 1.8rem;
  }

  .fs-18 {
    font-size: 1.6rem;
  }

  .fs-16 {
    font-size: 1.4rem;
  }

  .fs-15 {
    font-size: 1.4rem;
  }

  .fs-14 {
    font-size: 1.2rem;
  }

  .fs-13 {
    font-size: 1.1rem;
  }

  .p-off {
    display: none;
  }

  .p-on {
    display: block;
  }
}