/***** Navigation *****/

@media only screen and (min-width: 992px) {
    .navbar {
      flex-direction: column;
    }
  }

@media (max-width: 991px) {
    .navbar-brand {
        margin-left: 40px;
    }
}

.navbar {
    font-size: 1.2em;
}

/***** Hero *****/

.hero {
    background-image: url('./img/hero.png');
    background-size: cover;
    min-height: 60vh;
    position: relative;
}

@media (max-width: 768px) {
    .hero {
        min-height: 30vh;
    }
 
}

/***** Headline *****/

.headline {
    color: white;
}

.btn {
    background-color: pink;
    font-weight: 700;
    color: black;
    border: solid purple 5px;
}

/***** Salon Pics *****/

img {
    padding: 0;
    margin: 0;
}

h1 {
    font-weight: 100;
}

h2 {
    color: white;
    font-weight: 100;
}

h3 {
    color: white;
    font-weight: 500;
    font-size: 1.6em;
    font-style: italic;
}

p {
    color: white;
}

.card {
    margin: 30px 5px 30px 5px;
    border: solid 1px black;
}

.card a {
    background-color: #cd9fc8;
    border: solid 1px white;
    font-weight: bold;
    color: black;
    border: solid 2px #97548f;
}

.card-header {
    background-color: #cd9fc8;
    margin: 0;
    padding: 1px;
    text-align: center;
    border-bottom: solid 3px white;
}