.boxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 640px) {
    .boxes {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.box {
  margin-top: 32px;
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; }
  .box__photo {
    display: block; }
  .box__info {
    position: absolute;
    z-index: 4;
    left: 32px;
    right: 32px;
    bottom: 40px;
    color: #fff; }
  .box__title {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 125%; }
  .box__cta {
    color: #fcaa00;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;
    margin-bottom: -50px;
    -webkit-transition: margin-bottom .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: margin-bottom .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: margin-bottom .3s ease-in-out, opacity .3s ease-in-out;
    transition: margin-bottom .3s ease-in-out, opacity .3s ease-in-out;
    overflow: hidden;
    padding-top: 30px;
    opacity: 0; }
    .box__cta::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 20px;
      height: 1px;
      background: #fff;
      opacity: .3; }
    .box__cta::after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 30px;
      width: 16px;
      height: 16px;
      background: url(../../assets/images/arrow-yellow-right.svg) no-repeat center center; }
  .box::after {
    content: "";
    width: 100%;
    height: 75%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 27, 45, 0)), to(#1c1b2d));
    background: -webkit-linear-gradient(top, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
    background: -moz-linear-gradient(top, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
    background: -o-linear-gradient(top, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
    background: linear-gradient(180deg, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
    -webkit-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out; }
  .box:hover .box__title {
    text-decoration: underline; }
  .box:hover .box__cta {
    margin-bottom: 0;
    opacity: 1; }
  @media (min-width: 640px) {
    .box {
      width: -webkit-calc(33.33% - 12px);
      width: -moz-calc(33.33% - 12px);
      width: calc(33.33% - 12px); }
      .box__title {
        font-size: 2.2rem; } }
  @media (min-width: 1024px) {
    .box {
      width: -webkit-calc(33.33% - 22px);
      width: -moz-calc(33.33% - 22px);
      width: calc(33.33% - 22px); }
      .box__title {
        font-size: 3.2rem; } }

/*# sourceMappingURL=block.css.map */