.navigation-container {
  display: flex;
  height: 90px;
  justify-content: space-between;
}
.slide1, .slide2, .slide3, .slide4 {
    display:flex; 
    flex-direction:column;
  }

.img-fluid {
  height:310px;
}
.header {
  display: flex;
  padding: 120px 30px 120px;
  justify-content: center;
}

.bullet {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 30px;
  background-color: #fff;
}

.navigation-button {
  border: 2px solid #000;
  border-radius: 4px;
  background-color: transparent;
  font-family: 'Libre Franklin', sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}

.navigation-button:hover {
  background-color: #fff;
}

.header-content {
  text-align: center;
}

.h1 {
  margin-bottom: 30px;
  font-family: 'Libre Franklin', sans-serif;
  color: #000;
  font-size: 72px;
  line-height: 78px;
  font-weight: 800;
}

.paragraph {
  font-family: 'IBM Plex Mono', sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.paragraph.cc-gray {
  margin-bottom: 10px;
  color: #999;
}

.container {
  position: relative;
  max-width: 970px;
}

.container.cc-footer {
  display: flex;
}

.h2 {
  padding-top: 40px;
  font-family: 'Libre Franklin', sans-serif;
  color: #b3b3b3;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}

.h2-container {
  width: 50%;
  margin-bottom: 90px;
}

.h2.text-span {
  padding-top: 0px;
}

.text-span {
  color: #000;
  font-weight: 800;
}

.h3 {
  margin-top: 0px;
  margin-bottom:10px;
  font-family: 'Libre Franklin', sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.line {
  width: 30px;
  height: 2px;
  margin-left: 20px;
  background-color: #fff;
}


footer {
  display: flex;
  padding: 80px 30px 60px;
  background-color: #0a0e1a;
}

.footer-column {
  display: flex;
  width: 50%;
}

.text-footer-credits {
  margin-top: 15px;
  font-family: 'Libre Franklin', sans-serif;
  color: #666;
  font-size: 12px;
  font-weight: 600;
}

.footer-links-list {
  display: flex;
  padding-right: 50px;
  flex-direction: column;
}

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

.link-footer {
  margin-bottom: 25px;
  font-family: 'Libre Franklin', sans-serif;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.link-footer:hover {
  color: hsla(0, 0%, 100%, .7);
}

.header-inner {
  display: flex;
  margin-top: -90px;
  padding: 180px 30px 90px;
  background-color: hsla(181.26315789473685, 40.43%, 53.92%, 1.00);
}
.color {background-color: hsla(181.26315789473685, 40.43%, 53.92%, 1.00);}
.header-inner-content {
  width: 57%;
}

.inner-category {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

html, 
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
}

.h3.cc-header {
  color: #fff;
}

.logo {
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
}

.nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-link {
  padding-right: 40px;
  padding-left: 20px;
  font-family: 'Libre Franklin', sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.active {
  color: #fff;
}

.background-photo {
 background-image: url(http://wellness360magazine.com/wp-content/uploads/2016/09/illustration.jpg); 
 background-attachment: fixed;
}

@media (max-width: 479px) {
    .navigation {
    padding-right:10px;
  }
    .bullet {
    display: none;
  }
  .navigation-container {
    height: 60px;
  }
    .navigation-button {
    display:none;
  }
  .header {
    height: 100vh;
    margin-top: -60px;
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .h1 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0px;
  }
  .h2 {
    font-size: 20px;
    line-height: 30px;
  }
    .container.cc-footer {
    flex-wrap: wrap;
  }
  .h2-container {
    width: 100%;
    margin-bottom: 60px;
  }
  footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .footer-column {
    flex-wrap: wrap;
  }
  .footer-links-list {
    width: 100%;
  }
   .footer-column.cc-footer {
    width: 100%;
  }
  .header-inner {
    margin-top: -60px;
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .header-inner.cc-header-extra {
    padding-bottom: 150px;
  }
  .header-inner-content {
    width: 100%;
  }
  .external-container {
    margin-top: -15px;
    margin-bottom: -25px;
    flex-wrap: wrap;
    flex-direction:column;
  }
  .external-container-inner {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .container-facts {
    display:flex; 
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-left:100px;
  }
  .question {
    padding-top: 90px;
    padding-bottom: 60px;
  }
  .container-questions {
    margin: 0px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .question-block {
    width: 100%;
    margin: 15px 0px;
  }
  .container-facts-inner {
    width: 100%;
    align-self:center;
    justify-content:center;
    flex-wrap:wrap;
  }
  .contact-intro {
    padding-bottom: 80px;
  }
  .contact-info-row {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .contact-info-text {
    width: 100%;
  }
  .fact-block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .contact-info {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .nav-menu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right:-5px;
    padding-left:-5px;
  }
  .towrap {
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .img-fluid {
  height:110px;
}
  .navigation-container{
    display:flex;
    align-items:flex-start;
  }
}