html {
  height: 100%;
}

body {
  background-color: #f6f6f6;
  margin: unset;
  font-family: Montserrat;
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
}

header {
  padding: 20px 50px;
  height: 30px;
  display: flex;

  justify-content: space-between;
  background-color: #ffffff;
}

footer {
  background-color: #414244;
  padding: 30px 50px;
}

footer, footer p {
  color: #ffffff;
}

.footer-content {
  display: flex;
  justify-content: space-between;
}

.footer-text {
  color: #ffffff;
}

hr {
  opacity: 0.25;
}

.social-medias {
  width: 220px;
  display: flex;
  justify-content: space-evenly;
}

.content {
  padding: 20px 50px;
}

p {
  color: #212529;
  line-height: 1.5;
}

a {
  color: #666666;
  text-decoration: unset;
}

.content a {
  color: #edaf00;
}

.mail {
  color: #edaf00;
}

.header-phone {
  flex-direction: column;
  display: flex;
  justify-content: space-evenly;
}

header a {
  color: #414244;
}

@media only screen and (max-width: 600px) {
  header {
    flex-wrap: wrap;
    height: unset;
  }

  header .logo-picture,
  .header-phone {
    margin: auto;
  }

  .header-phone .header-text {
    display: none;
  }

  section.content {
    flex-wrap: wrap;
    max-width: 100vw;
    margin: unset;
    padding: 20px;
  }

  section.status {
    max-width: 270px;
    margin: unset;
  }

  footer {
    padding: 20px;
  }

  .footer-content {
    flex-direction: column;
  }

  div.right,
  div.left {
    display: flex;
    justify-content: center;
  }

  .contact-us {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  p,
  h1,
  a {
    text-align: center;
  }

  aside {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media only screen and (max-width: 1300px) {
  section.content {
    flex-wrap: wrap;
    text-align: center;
  }

  aside {
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}