header.about-masthead {

    padding-top: 6rem;

    /* old - 10.5rem */

    padding-bottom: 6rem;

    text-align: center;

    color: #fff;

    background-image: url("../images/header-about.jpg");

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center center;

    background-size: cover;

}



header.about-masthead .masthead-subheading {

    font-size: 1.5rem;

    font-style: italic;

    line-height: 1.5rem;

    margin-bottom: 25px;

    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



header.about-masthead .masthead-heading {

    font-size: 2.75rem;

    /* old - 3.25 */

    font-weight: 700;

    line-height: 3.25rem;

    margin-bottom: 2rem;

    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.about {

    margin-top: 3rem;

}



@media (min-width: 768px) {

    header.about-masthead {

        padding-top: 10rem;

    }



    header.about-masthead .masthead-subheading {

        font-size: 1.75rem;

        font-style: italic;

        line-height: 2.25rem;

        margin-bottom: 2rem;

    }



    header.about-masthead .masthead-heading {

        font-size: 3.5rem;

        /* old - 4.5rem */

        font-weight: 700;

        line-height: 3.5rem;

        /* old - 4.5rem */

        margin-bottom: 4rem;

    }

}



/* SERVICES IMAGE BORDER */

.img-about {

    border: 8px solid #dfe0e1;

}



.zoom-about {

    transition: transform .2s; /* Animation */

}



.zoom-about:hover {

    z-index: 1;

    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}