.imgblock img { max-width: 100%; }
.fade-up.animation-active {
  opacity: 0;
  animation-name: fadeInUp;
}
.fade-up {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInRight {
    0% {
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.slide-right.animation-active {
    opacity: 0;
    animation-name: fadeInRight;
}
.fade-up {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 40px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.fade-up.animation-active {
    opacity: 0;
    animation-name: fadeInUp;
}
.svg {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes fadeInTop {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}




a { color: #646941; }
strong { font-weight: bold; }
ul li { font-size: calc(1.6rem + 1 * ((100vw - 375px) / (1920 - 375))); }




.WhatWeDoPage .info__text p, .WhatWeDoPage .info__text li {
  font-size: calc(1.8rem + 3 * ((100vw - 375px) / (1920 - 375)));
  line-height: 1.375;
}




.info__text ul { margin: 10px 0px 20px 45px; }
.header__logo {
  max-width: 23.4rem;
}
.HomePage .card-with-img__text h3 {
  margin-bottom: 20px;
}
.HomePage .card-with-img__text div {
  max-width: 50%;
}
.HomePage .card-with-img__text {
  display: block;
}
@media (max-width: 1200px) {
  .HomePage .card-with-img__text div {
    max-width: 90%;
  }
}


@media (min-width: 1281px) {
  .hero__title {
    width: 50%;
  }
}
@media (min-width: 576px) {
  .footer__col {
    align-items: normal;
  }
}
@media (max-width: 600px) {
  .header__logo {
    max-width: 21.4rem;
  }
}

.header--on-scroll {
  box-shadow: none;
}
.grid-with-items .card-with-img h3 a { color: #000; }
.shover:hover { opacity: 0.8; transition: .2s ease-in-out; }

.HomePage h1 { overflow: hidden; }
.container {
  padding: 100px 20px 0;
  max-width: 960px;
  margin: 0 auto;
}
h1 span {
  display: block;
  overflow: hidden;
  animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.0s;
}

@keyframes reveal {
  0% {
    transform: translate(0,100%);
  }
  100% {
    transform: translate(0,0);
  }
}