
.fat-nav {
    background: #fff;
}

.fat-nav li a {
    color: #e0684b;
    text-transform: capitalize;
}

.hamburger.active:before {
    color: #e0684b;
}

#stickyNavbar ul div:nth-child(1) a,
#stickyNavbar ul div:nth-child(3) a {
    text-transform: capitalize;
}

#header-rotator .slide-5 {
    background-image: url("/wp-content/themes/sonorabeauty/img/index/header-rotator/slide-5.jpeg");
}

.button,
input[type=submit] {
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 3px;
    text-transform: capitalize;
}

img {
    border-radius: 7.5px;
}

#group-events h2,
#products h2,
#treatments h2,
#testimonials h2,
#blog h2,
#about h2 {
    font-weight: 700;
}


#group-events img {
    margin-bottom: 30px;
}

#group-events img:last-child {
    margin-bottom: 0;
}

#about-text-2 {
    background-color: #ebcab8;
    color: #e0684b;
}

#group-events h4,
#treatments h4,
#products strong {
    text-transform: capitalize;
}


#products {
    color: #e0684b;
}

#products .slide-1,
#products .slide-2 {
    background-image: url("/wp-content/themes/sonorabeauty/img/index/testimonials/testimonials.png");
}

#blog .entry-footer a {
    text-transform: capitalize;
}

footer h3 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    color: #003478;
    margin-bottom: 20px;
}

#footer-social-links {
    margin-top: 4px;
}

#colophon .region,
#colophon li a {
    text-transform: capitalize;
}

@media (min-width: 50.0625em) {
    #about-text-2 {
        background-image: url("/wp-content/themes/sonorabeauty/img/index/about/about-text-withgap-3.jpg");
    }
}

@media (max-width: 50em) {
    #group-events .grid-row>div:first-child,
    #products .grid-row>div:first-child {
        padding-bottom: 0;
    }

    #group-events h3,
    #treatments h3 {
        margin: 0 0 20px 0;
    }

    #products .grid-row>div:last-child {
        margin-top: 30px;
    }

    #blog .grid-row:last-child {
        padding-top: 25px;
    }

    #group-events h2,
    #products h2,
    #treatments h2,
    #testimonials h2,
    #blog h2,
    #about h2 {
        margin: 0 0 50px 0;
    }

    #blog article {
        margin-bottom: 25px;
    }

    #about-text-1 {
        padding: 50px 0 40px 0;
    }

    #about-text-2 {
        padding: 60px 0 40px 0;
    }

    #colophon img {
        margin-bottom: 50px;
    }

    #treatments .grid-row>div:first-child {
        padding-bottom: 50px;
    }
}