html {
    scroll-behavior: smooth
}

body {
    font-display: swap;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.latin {
    font-style: italic;
}

.large-text {
    font-size: 120%;
    padding: 20px;
}

.mapouter {
    position: relative;
    text-align: right;
    height: 300px;
    width: 600px;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 300px;
    width: 600px;
}

span.name {
    font-weight: bold;
    font-size: 110%;
}

.blue-white {
    background-color: #334298;
    color: white;
}

.blue {
    color: #334298;
}

.single-person {
    text-align: center;
}

.team-pic-single {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    box-shadow: -14px 16px 54px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -14px 16px 54px rgba(0, 0, 0, 0.5)
}

.team-pic {
    width: 100%;
    padding-bottom: 20px;
}

.fa {
    padding-right: 5px;
}

.section-title {
    font-size: 250%;
    text-align: center;
    color: #334298;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
}

.section-title-second {
    font-size: 175%;
    text-align: center;
    color: white;
    padding-bottom: 25px;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
}

.splitter-top {
    background: linear-gradient(to top right, #334298 46%, #fff 50%);
    min-height: 25px;
}

.splitter-bottom {
    background: linear-gradient(to bottom left, #334298 46%, #fff 50%);
    min-height: 25px;
}

.no-padding {
    padding: 0 !important;
}

.alex {
    text-align: left;
}

.wolfgang {
    text-align: right;
}

@media only screen and (max-width: 480px) {
    .alex {
        text-align: right;
    }
    .wolfgang {
        text-align: left;
    }
    .mapouter {
        width: 100%;
    }
    .gmap_canvas {
        width: 100%
    }
    .team-pic {
        width: 100% !important;
        padding: 0 !important;
    }
}

.map {
    width: 100%;
    height: 100%;
}

.modal-dialog {
    max-width: 750px !important;
}

a,
a:hover {
    color: #334298;
}

p>a,
p>a:hover {
    color: white;
    text-decoration: underline;
}

p {
    padding: 15px;
}

.picture-row {
    margin-top: 50px;
}

.picture-row>*>img {
    max-height: 250px;
    width: 100%;
}

.desc {
    font-style: italic;
}

.team-pic-group {
    filter: drop-shadow(0 0 0.75rem #090b16);
}