﻿
.nav__breadcrumb {
    display: none;
}

#about-us {
}


#about-us {
    margin-bottom: 5rem;
}

.about-us-info {
    background: var(--gold);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 4rem;
    flex-direction: column;
    color: #fff;
    text-align: left;
}

    .about-us-info h1 {
        margin: 1.5rem 0;
    }

img.team-photo {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.love-of-coffee {
    background: var(--dark-maroon);
    padding: 3rem;
    color: #fff;
    text-align: center;
}

    .love-of-coffee a.btn {
        color: #fff !important;
        text-decoration: none !important;
    }

        .love-of-coffee a.btn:hover {
            background: #fff !important;
            color: var(--dark-brown) !important;
        }

    .love-of-coffee .love-of-coffee-content {
        max-width: 700px;
        margin: auto;
    }

    .love-of-coffee h1 {
        margin: 1.5rem 0;
    }


.meet-our-team {
    padding: 4rem;
    background: var(--light-beige);
    color: var(--dark-maroon);
}

    .meet-our-team .ul.team-members {
    }

    .meet-our-team ul.team-members li {
        flex: 0 0 240px;
        margin: 1.25rem;
        color: var(--dark-maroon);
        box-shadow: 0 6px 6px rgb(0 0 0 / 13%);
        border: solid 1px #dadada;
        background: #fff;
    }

        .meet-our-team ul.team-members li .headshot {
            width: 240px;
            height: 240px;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
           
            overflow: hidden;
        }

            .meet-our-team ul.team-members li .headshot img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                transition: all .5s;
            }

                .meet-our-team ul.team-members li .headshot img:hover {
                    -ms-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                    -o-transform: scale(1.1);
                    transform: scale(1.1);
                }


        .meet-our-team ul.team-members li .job-name {
            padding: 0 0.75rem;
        }

        .meet-our-team ul.team-members li .job-title {
            height: 2.7rem;
            vertical-align: middle;
            padding: 0 0.75rem;
        }


        .meet-our-team ul.team-members li .job-name h4 {
            font-size: 1.3rem;
        }

        .meet-our-team ul.team-members li .job-title h4 {
            font-size: 1.1rem;
        }


        .meet-our-team ul.team-members li .bio {
            font-size: 0.9rem;
            padding: 0 1rem;
        }

.stats {
}

    .stats .item {
        color: #fff;
        padding: 3rem 1rem;
    }

    .stats .dark {
        background: var(--dark-maroon);
    }

    .stats .light {
        background: var(--gold);
    }

    .stats .item h2 {
        font-size: 4rem;
        font-family: gotham-bold;
    }

    .stats .item h3 {
        font-size: 1rem;
    }

    .stats .item p {
        font-size: 0.85rem;
    }



.image-gallery {
}

    .image-gallery .image-gallery-block {
        width: 100%;
        overflow: hidden;
        height: 300px;
        position: relative;
    }

    .image-gallery .images {
        width: 100%;
        white-space: nowrap;
        height: 100%;
        position: relative;
        transition: left 1.5s ease;
        left: 0;
    }

        .image-gallery .images li {
            display: inline-block;
            width: 100%;
            height: 100%;
            text-align: center;
            overflow: hidden;
        }

            .image-gallery .images li img {
                height: 100%;
                width: 100%;
                object-fit: contain;
            }


@media(max-width: 991px) {

    #about-us.container {
        max-width: 100% !important;
        padding: 0;
    }
}


@media (max-width: 525px) {

    h1 {
        margin: 0;
        font-size: 1.8rem;
    }
}

