h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

p, li, dt, dd{
    font-family: 'Open Sans', sans-serif;
}

.header {
    display:flex;
    justify-content: center;
    padding:10px;
    background-color: #fff;
    COLOR:#757bba;
}

.header .logo img {
    width:160px;
}

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

.phone{
    background-color:#656AA1;
    color:#fff;
    padding:5px;
    text-align: center;
}

.phone h6{
    margin: 0px;
    padding: 10px;
    font-size:0.7em;
}

.nav-link {
    text-align: center;
}



.carousel {
    background-color: white;
    margin: 0 -15px;
}


  
  .carousel-cell-image {
    display: block;
    height: 400px;
    margin:10px;
    min-width: 200px;
    -webkit-transition: opacity 0.4s;
            transition: opacity 0.4s;
  }

  .action-shot {
      height:100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      color:white;
      padding:100px;
      text-align:center;
  }

  .quotation-marks {
      position: absolute;
  }

    .quotation-mark-front {
        top: 650px;
        left: 0px;
    }

    .quotation-mark-end {
        right: 0px;
        top: 960px;
    }

  
  .circle-info {
    background-color: #757bba;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  .circle-text {
      color:white;
  }

  .circles {
      display:flex;
      justify-content: space-around;
      background-color: white;
      padding:10px;
      margin: -15px;
  }

  .circle-info p{
      font-size: 0.7em;
  }

  .circle-text {
    position: relative;
    top: 20px;
    padding: 10px;
  }

  .salon img {
      width:330px;
      height:232.5px;
  }

  .salon-and-map {
    background-color: white;
  }
  .salon-and-map .col-md-6 {
      text-align: center;
      margin: 10px 0;
  }

  footer img {
    width:150px;
  }

  .logo-footer{
      text-align:center;
      padding:10px;
  }

  footer {
      padding:20px;
      background-color: #3A3E6E;
      COLOR:#757bba;
      display:flex;
      align-items: center;
  }

.footer-links h6 a{
    text-decoration: none;
    color:#fff;
    font-size:0.7em;
}

.circles a {
    text-decoration: none;
}

.phone-footer {
    display: flex;
    justify-content: center;
}



/* ABOUT ---------------------------------------------------*/

.hero {
    height:400px;
}

.text {
    margin:-15px;
    padding:20px;
}

.text h1{
    color:#757bba;
}

.text p{
    color:#3d4062;
}


.page-wrap{
    background-color:white;
    display:flex;
    margin:-15px;
    padding:30px;
}

.pic img {
    width:400px;
}


/* Gallery */

.gallery-pics img {
    width:60%;
    height:60%;
}

.gallery-pics {

    max-width:1200px;
    display: flex;
    flex-wrap: wrap;
    margin:0px auto;
    justify-content: center;
}

/* Services */

.info, dt, dd, p{
    padding:0 20px;
}

dd {
    font-size: 0.8em;
}


  @media screen and (max-width: 575px) {
      .footer-links {
          display:flex;
          justify-content: space-between;
          padding:0px;
      }

  }

  @media screen and (min-width:576px) {
      .gallery-pics img {
          width:40%;
          height:40%;
      }
  }

  @media screen and (max-width:767px) {
      .circles {
          height:650px;
          flex-direction: column;
          align-items:center;
          justify-content: space-around;
      }

      .pic {
          display:none;
      }
  }

  @media screen and (min-width:768px) {

      .gallery-pics img {
        width:30%;
        height:30%;
      }
  }