/* IE */
@media all and (-ms-high-contrast: none) {
  ul {
    margin-left: -23px;
  }
}

@media screen and (max-width: 560px) {
  .bodyWrapper {
    padding: 0;
  }

  .outsideWrapper {
    border: 2px solid #4b7a90;
    margin: 0 2rem;
  }

  .contentWrapper {
    border: 0;
  }

  .imgContainer {
    font-size: 1.2rem;
    padding-top: 2.5rem;
  }

  .postitLogo {
    margin-left: -2rem;
    margin-bottom: 3rem;
  }

  .postitLogo img {
    max-width: 87%;
  }

  .dotContainer {
    margin-bottom: 3rem;
    padding-right: 3rem;
  }

  .content {
    padding: 0 3rem;
  }

  h1 {
    font-size: 2.8rem;
  }

  h1 span {
    font-size: 2rem;
  }

  ul {
    margin-left: 2rem;
  }

  footer {
    margin-top: 1.5rem;
    padding: 0 3rem;
    height: 100%;
    /* background-size: 265%; */
    background-position: 82% 9px;
  }

  footer p {
    padding: 2rem 0;
  }

  .contentBox .side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 413px) {
  .postitLogo img {
    max-width: 89%;
  }

  .hsosLogo img {
    max-width: 22rem;
  }
}

@media screen and (max-width: 370px) {
  .outsideWrapper {
    overflow: hidden;
  }
  footer {
    background-size: cover;
  }
}