/*Styles for phones*/
@media (max-width: 481px) {

    .banner-pages {
        margin-top: 5rem;
    }

    .nav-people-office {
        padding: 0rem !important
    }

        .nav-people-office li {
            display: inline;
            margin: 0rem 1rem !important;
        }

    .page-banner {
        min-height: 15rem;
        padding: 7rem 1rem 2rem 1rem !important;
    }

    .page-banner-content h1 {
        font-size: 2.5rem;
    }

    #person-cards-list {
        text-align: center;
    }

        #person-cards-list .img-person {
            width: 25%;
        }
}

/*Styles for tablets*/
@media (min-width: 482px) and (max-width: 980px) {
    .banner-pages {
        margin-top: 6rem;
    }

    .page-banner {
        min-height: 17rem;
        padding: 9rem 1rem 2rem 1rem !important;
    }

    .page-banner-content h1 {
        font-size: 3rem;
    }
}

/*Styles for laptops*/
@media (min-width:961px) {
    .page-banner {
        min-height: 30rem;
        padding: 18rem 1rem 2rem 5rem !important;
    }

    .page-banner-content h1 {
        font-size: 5rem;
    }
}

/*Contacts*/
.people-block {
    /*margin-top: 2rem;*/
}

.nav-people-office {
    list-style-type: none;
    text-align: center;
    margin: 0rem 0rem 4rem 0rem;
}

    .nav-people-office li {
        display: inline;
        margin-right: 5rem;
    }

        .nav-people-office li a {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            color: #002239;
            text-decoration: none
        }

            .nav-people-office li a:hover {
                border-bottom: 3px solid #18BDE6;
                cursor: pointer;
            }

            .nav-people-office li a.active {
                border-bottom: 3px solid #002239;
                cursor: pointer;
                color: #18BDE6;
            }

.departments {
    text-align: center;
    font-family: "BMWTypeNextCondensedProTT-Light", sans-serif;
}

.nav-people-departments {
    padding-left: 0px !important;
}

    .nav-people-departments li {
        display: block;
        margin-bottom: 3px;
        background-color: #f4f4f4;
    }

        .nav-people-departments li a {
            display: block;
            position: relative;
            background: #f4f4f4;
            line-height: 26px;
            padding: 19px 5px 19px 5px !important;
            text-transform: uppercase;
            -moz-transition: background .3s,color .3s;
            -o-transition: background .3s,color .3s;
            -webkit-transition: background .3s,color .3s;
            transition: background .3s,color .3s;
            font-size: 20px;
            height: auto !important;
            text-decoration: none;
            color: black;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
        }

            .nav-people-departments li a:hover {
                color: #FFFFFF !important;
                background-color: #002239;
                cursor: pointer;
            }

            .nav-people-departments li a.active {
                background: #002239;
                color: #FFFFFF !important;
            }

.person-card {
    margin: 1.5rem 0rem;
}

.img-person {
    height: 100%;
    max-height: 9rem;
    object-fit: cover;
}

.person-information {
    padding-right: 0rem !important;
}

    .person-information p {
        margin: 0rem 0rem 0rem 1rem !important;
        line-height: 2;
        font-size: 1.2rem;
    }

        .person-information p.person-name {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: bolder;
            font-size: 16px;
            line-height: 36px;
            color: #002239;
        }

        .person-information p:not(.person-name) {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 36px;
            color: #000000;
        }

        .person-information p a {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 36px;
            color: #000000;
            text-decoration: none;
        }

            .person-information p a:hover {
                color: #18BDE6;
            }

.nav-people-office {
}