#footer * {
  color: white;
}

#footer h1 {
  font-size: 1.5rem;
}

#footer .grid-wrapper {
  display: grid;
  grid-template-columns: auto auto;
}

#footer .column-wrapper {
  grid-column: 1/4;
}

#footer ul {
  font-size: 14px;
}

#footer .grid-wrapper a {
  opacity: 0.8;
}

#footer .grid-wrapper a:hover {
  opacity: 1;
}

#footer .grid-wrapper a img,
#footer .grid-wrapper i {
  width: 17px;
}

#footer .our-values {
  border-top: 1px solid #353b43;
}

#footer .our-values a {
  width: 118px;
}

#footer .our-values p {
  max-width: 450px;
}

@media (min-width: 0px) and (max-width: 1200px) {
  #footer .column-wrapper {
    column-count: 2;
    grid-column: 1/3;
  }

  #footer .container {
    width: 100%;
  }

  #footer {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 0px) and (max-width: 820px) {
  #footer .column-wrapper {
    column-count: 1;
    grid-column: 1/2;
  }

  #footer .about-and-contact {
    flex-direction: column;
    justify-content: normal !important;
  }

  #footer .about-and-contact div:first-child {
    margin-bottom: 30px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  #footer .our-values h1 {
    flex-direction: column-reverse;
  }

  #footer .our-values a {
    padding-bottom: 12px;
  }

  #footer .our-values p {
    max-width: 100%;
  }
}

@media (min-width: 0px) and (max-width: 520px) {
  #footer .grid-wrapper {
    grid-template-columns: auto;
  }

  #footer .docu-wrapper {
    margin-bottom: 30px;
  }
}