.mylothian-giro-project-team-section {
    text-align: center;
    width: 100%
}

.mylothian-giro-project-team-section p {
    margin: 0
}

.mylothian-giro-project-team-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5em;
    margin-bottom: 1.5em
}

.mylothian-giro-project-team-row--first .mylothian-giro-project-team-card {
    flex: 1 1 0;
    max-width: calc(50% - .75em)
}

.mylothian-giro-project-team-row .mylothian-giro-project-team-card {
    flex: 1 1 0;
    max-width: calc(33.333% - 1em)
}

.mylothian-giro-project-team-card {
    width: 100%;
    overflow: visible
}

.mylothian-giro-project-team-card-image {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    margin-bottom: -40px
}

.mylothian-giro-project-team-card-box {
    background-color: #424142;
    border-radius: 15px;
    padding: 40px 1em .8em;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    box-sizing: border-box
}

.mylothian-giro-project-team-card-name {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-top: .8em;
    font-family: "Museo", "Museo-Sans", "Lato", sans-serif !important
}

.mylothian-giro-project-team-card-job-title {
    font-size: 18px;
    font-weight: 300;
    color: #cdbda0;
    margin-top: .3em;
    font-family: "Museo-Sans", "Museo", "Lato", sans-serif !important
}

.mylothian-giro-project-team-card-btn {
    background-color: #8c1713 !important;
    border: 0;
    border-radius: 10em;
    box-shadow: 0 3px 6px rgba(95, 95, 97, .2);
    color: #fbfbfb;
    padding: .4em 1.5em;
    cursor: pointer;
    transition: all .3s;
    margin-top: 1em;
    width: 100%;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-family: "Museo", "Museo-Sans", "Lato", sans-serif !important
}

.mylothian-giro-project-team-card-btn:hover {
    background-color: #fff !important;
    color: #8c1713 !important
}

.mylothian-giro-project-team-modal-header.modal-header .modal-title {
    font-size: 2em !important;
    font-weight: 600 !important
}

.mylothian-giro-project-team-modal-image {
    width: 120px !important;
    height: 120px !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 1em
}

.mylothian-giro-project-team-modal-job-title {
    font-size: .9em;
    margin-top: .5em
}

.mylothian-giro-project-team-modal-about {
    font-size: .9em;
    text-align: left !important;
    padding: .5em 1em !important
}

@media(max-width: 1024px) {

    .mylothian-giro-project-team-row--first .mylothian-giro-project-team-card,
    .mylothian-giro-project-team-row .mylothian-giro-project-team-card {
        flex: 1 1 calc(50% - 1.5em);
        max-width: calc(50% - .75em)
    }
}

@media(max-width: 767px) {
    .mylothian-giro-project-team-row {
        gap: 1em
    }

    .mylothian-giro-project-team-row--first .mylothian-giro-project-team-card,
    .mylothian-giro-project-team-row .mylothian-giro-project-team-card {
        flex: 1 1 100%;
        max-width: 100%
    }
}

/*# sourceMappingURL=mylothian-giro-project-team-styles.min.css.map */