.subsections {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;

   + .heading-linethrough {
      margin-top: 26px;
   }
}


.subsection-wrapper {
   border: 1px solid $border-color;
   padding: 1px;

   &:hover,
   &:active,
   &:focus {
      border: 2px solid $border-color;
      padding: 0;
   }
}

.subsection {
   @include underline-never;

   height: 84px; // fotka + border

   > div:first-child {
      width: 80px;
      text-align: center;
   }

   > div:last-child {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      padding-right: 5px;
   }

   i {
      color: $purple;
      font-size: 40px;
   }
}

@media screen and (max-width: 767px) {
   .subsections {
      padding: 35px 0 15px;
      display: none;
   }

   .subsection {
      height: 48px; // fotka + border

      > div:first-child {
         display: none;
      }

      > div:last-child {
         font-size: 16px;
         font-weight: 700;
         text-transform: uppercase;
         text-align: center;
         padding: 0 10px;
      }
   }
}
