@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 1200px) {
  header p {
    padding: 0 15em;
    opacity: .9;
  }
}

/* ---------------------
//--- media 992px
--------------------- */

@media (max-width: 992px) {
  header p {
    padding-left: 5em;
    padding-right: 5em;
    margin-bottom: 16em;
    opacity: .9;
  }
  .main-menu {
    display: none;
  }
  .m-menu {
    display: block;
  }
  .m-display-none {
    display: none;
  }
  header h1 {
    font-size: 60px;
  }
}

/* ---------------------
//--- media 768px
--------------------- */

@media (max-width: 768px) {
  header p {
    color: #ffffff;
    padding: 2em 1em;
    opacity: .9;
  }
  .about-img {
    height: 15em;
  }
  .about-content {
    font-size: 14px;
    padding: 2em;
  }
}

/* ---------------------
//--- media 576px
--------------------- */

@media (max-width: 576px) {
  .header-content p {
    color: #ffffff;
    padding: 2em 1em;
    opacity: .9;
  }
}