.fifth {
  position: relative;
  background-image: url(../images/fifth_back.png);
  background-repeat: no-repeat;
  background-position: center top;
  color: #fff;
  padding-top: 5em;
  z-index: 50; }
  .fifth__inner {
    width: 75em; }
  .fifth__top {
    padding-left: 1em; }
  .fifth__blocks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2em; }
  .fifth__block {
    position: relative; }
    .fifth__block-1 .fifth__square {
      left: 2em; }
    .fifth__block-2 .fifth__square {
      left: 1em; }
    .fifth__block-3 .fifth__square {
      left: .5em; }
  .fifth__square {
    text-align: center;
    position: absolute;
    top: 28em; }
    .fifth__square:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 14em;
      height: 14em;
      margin: -7em 0 0 -7em;
      background-color: #035df9;
      transform: rotate(45deg); }
    .fifth__square > * {
      position: relative;
      z-index: 10; }
  .fifth__img {
    width: 21em;
    height: 35em;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat; }
    .fifth__img-1 {
      width: 21em;
      height: 34em;
      margin-top: 1em;
      margin-left: 1.5em; }
    .fifth__img-2 {
      width: 20em;
      margin-left: 2em; }
  .fifth__name {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.1em;
    margin-top: 1em; }
  .fifth__position {
    margin-top: 1em;
    padding: 0 6em; }

@media (max-width: 1150px) {
  .fifth {
    background-image: url();
    color: #192028;
    text-align: center;
    padding-top: 1em; }
    .fifth__top {
      padding-left: 0; }
    .fifth__desc {
      display: inline-block;
      margin-left: -5px; }
    .fifth__blocks {
      color: #fff;
      flex-direction: column;
      align-items: center; }
    .fifth__block {
      margin-top: 3em; } }