@media (max-width: 600px) {
  .section {
    flex-direction: column;
  }
  .section > div {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .section .content {
    width: 100%;
    padding: 20px;
  }
  .section .image {
    width: 100%;
    min-height: 430px;
  }
  .section .image.circle {
    width: 350px;
    height: 350px;
    border-radius: 350px;
    min-height: 350px;
  }
  .section .image.not-stretch {
    min-height: 300px;
  }
  .section .image.not-stretch > img {
    margin-top: 30px;
  }
  .cross,
  .cross::before,
  .cross::after {
    display: none;
  }
  .content-left > p {
    width: 100%;
  }
  .content-right > p {
    width: 100%;
    margin-left: 0;
  }
  .section .content.full-width .white-bold {
    text-align: left;
    justify-content: flex-start;
  }
  .section > .dir-col {
    padding-bottom: 20px;
  }
  .top-content {
    flex-direction: column;
  }
  .top-content h3 {
    border-right: none;
    border-bottom: 2px solid white;
  }
  .section .image.not-stretch > img {
    width: calc(100% - 80px);
  }
  .logo {
    width: 70%;
    margin-top: 40%;
  }
  .slogan {
    font-size: 1.5em;
    margin-top: 10px;
  }
  .section .image.multi .img1 {
    top: 8%;
    left: -12%;
    height: 175px;
  }
  .section .image.multi .img2 {
    height: 175px;
    top: 82%;
    left: 61%;
  }
  .section .image.multi .img3 {
    height: 175px;
    top: -24%;
    left: 19%;
  }
  .section .image.multi .img4 {
    top: 37%;
    left: 98%;
  }
}