.cp__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cp__image {
  backface-visibility: hidden;
  transform: scale(1);
  transition: all 550ms ease-in-out;
}

.cp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  color: #999;
  margin: -18% auto 0 auto;
  padding: 0 3.75%;
}

@media only screen and (max-width: 768px) {
  .cp {
    padding: 0;
    width: 80%;
  }
}

.cp__group {
  flex: 0 0 48%;
}

@media only screen and (max-width: 768px) {
  .cp__group {
    flex: 0 0 47.5%;
  }
}

.cp__group:nth-last-of-type(n + 3) {
  margin-bottom: 6%;
}

@media only screen and (max-width: 768px) {
  .cp__group:nth-last-of-type(n + 3) {
    margin-bottom: 10%;
  }
}

.cp__image-wrapper {
  overflow: hidden;
}

@media (hover) {
  .cp__image-wrapper:hover .cp__image {
    transform: scale(1.05);
  }
}

.cp__image {
  height: 28vw;
}

@media only screen and (max-width: 768px) {
  .cp__image {
    height: 24.5vw;
  }
}

.cp__text-wrapper {
  margin-top: 3.5%;
}

.cp__title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
}

@media only screen and (max-width: 768px) {
  .cp__title {
    font-size: 2.5vw;
  }
}

.cp__size {
  font-size: 1.375rem;
  line-height: 1.25;
}

@media only screen and (max-width: 768px) {
  .cp__size {
    font-size: 2.15vw;
  }
}
/*# sourceMappingURL=block.css.map */