/* 
  ##Device = ALL
  ##Screen = ALL
*/

.map-section {
    padding: 1.5rem;
}

    .map-section .header h1 {
        font-family: TypeNextCondensedProBold;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 0.05em;
        color: #000000;
    }

    .map-section .header h2 {
        font-family: TypeNextCondensedProLight;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0.05em;
        color: #000000;
    }

    .map-section .iframe {
        padding: 1.5rem;
    }

        .map-section .iframe #gmap_canvas {
            width: 100%;
            height: 445px;
        }

.office-cards {
    padding: 1rem 0rem 2rem 0rem;
    margin: 0rem 2rem;
    border-bottom: 1px solid #000000;
}

.schedule-card {
    border-left: 1px solid #000000;
}

.office-information {
    padding: 0.5rem;
}

    .office-information h3 {
        font-family: TypeNextCondensedProBold;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.05em;
        color: #000000;
    }

    .office-information p {
        font-family: TypeNextCondensedProLight;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.05em;
        color: #000000;
        margin: 0.7rem 0rem;
    }

        .office-information p a {
            text-decoration: none;
            color: #000000;
        }

.second-information {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
}

    .second-information .btn-whatsapp {
        font-family: TypeNextCondensedProLight;
        background: #0066b1;
        width: 166px;
        height: 62px;
        text-align: center;
        color: white;
        border-radius: 4px;
        text-decoration: none;
        padding: 1.2rem;
    }

.people-list {
    padding: 3rem;
}

    .people-list .departments-titles {
        margin: 3rem 0rem;
    }

        .people-list .departments-titles h2 {
            font-family: TypeNextCondensedProBold;
            font-style: normal;
            font-weight: 700;
            font-size: 30px;
            line-height: 41px;
            letter-spacing: 0.05em;
            color: #000000;
        }

.person-container {
    padding: 0.3rem;
}

    .person-container .person-card {
        padding: 0rem 0rem 3rem 0rem;
        border: 1px solid #D9D9D9;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.51);
    }

        .person-container .person-card .person-photo {
            width: 100%;
            height: auto;
            margin-bottom: 3rem;
        }

        .person-container .person-card .person-data {
            font-family: TypeNextCondensedProLight;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #414141;
            margin-bottom: 1rem;
        }

            .person-container .person-card .person-data a {
                text-decoration: none;
                color: #414141;
            }

            .person-container .person-card .person-data.person-name {
                font-family: TypeNextCondensedProBold;
                padding-top: 0.5rem;
            }

p a {
    color: black;
    text-decoration: none;
    font-size: inherit !important;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    /* CSS */
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .map-section {
        padding: 0rem;
    }

        .map-section .header {
            padding: 0rem 1.5rem;
        }

        .map-section .iframe {
            padding: 0rem;
        }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .map-section {
        padding: 1.5rem 0rem;
    }

        .map-section .header {
            padding: 1.5rem 0rem 3rem 0rem;
        }

        .map-section .iframe {
            padding: 0rem;
        }

            .map-section .iframe #gmap_canvas {
                width: 100%;
                height: 255px;
            }

    .schedule-card {
        border-left: 0px solid #000000;
    }

    .office-information {
        text-align: center;
    }

    .person-container .person-card {
        padding: 0rem 0rem 0.5rem 0rem;
        border: 1px solid #D9D9D9;
        height: 19rem;
    }

        .person-container .person-card .person-photo {
            width: 100%;
            height: auto;
            margin-bottom: 0rem;
        }

        .person-container .person-card .person-data {
            font-family: TypeNextCondensedProLight;
            font-style: normal;
            font-weight: 400;
            font-size: 11px;
            line-height: 14px;
            color: #414141;
            margin-bottom: 1rem;
            padding: 0rem 0.5rem
        }

            .person-container .person-card .person-data a {
                text-decoration: none;
                color: #414141;
            }

            .person-container .person-card .person-data.person-name {
                font-family: TypeNextCondensedProBold;
            }
}