.pageelement-education-center.no-margin {
    margin-bottom: 0;
}

.pageelement-education-center .list-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top : 5px solid #0071B9;
    display: flex;
    flex-flow: row;
    gap: 40px;
}

.pageelement-education-center .list-item .image {
    min-width: 300px;
    width: 33%;
    max-width: 480px;
}

.pageelement-education-center .content {
    width: 66%;
}

.pageelement-education-center.has-icon .content {
    width: 100%;
    max-width: 1000px;
}

.pageelement-education-center .list-item .heading {
    display: flex;
    gap: 10px;
    max-width: 1000px;
}

.pageelement-education-center .list-item .heading .icon {
    display: none;
}

.pageelement-education-center.has-icon .list-item .heading .icon {
    display: block;
}

.pageelement-education-center .list-item .heading .icon:before {
    content: '\e56b';
    font-family: 'Font Awesome 6 Sharp';
    font-size: 25px;
}

.pageelement-education-center .list-item .heading .headline {
    font-weight: 700;
    color: #009CDA;
}

.pageelement-education-center .list-item .heading .subheadline {
    font-weight: 200;
}

.pageelement-education-center .list-item .text {
    max-width: 1000px;
    font-weight: 200;
}

.pageelement-education-center.has-icon .list-item .text {
    padding-left: 40px;
}

.pageelement-education-center .list-item .buttons {
    display: flex;
    flex-flow: column;
    gap: 5px;
    margin-top: 10px;
}

.pageelement-education-center .list-item .list-button {
    color: #00377A;
    width: fit-content;
    display: flex;
    gap: 8px;
    font-weight: 200;
}

.pageelement-education-center.has-icon .list-item .list-button {
    padding-left: 40px;
}

.pageelement-education-center .list-item .list-button.email:before {
    content: '\f0E0';
    font-family: 'Font Awesome 6 Pro';
}

.pageelement-education-center .list-item .list-button.website:before {
    content: '\f0ac';
    font-family: 'Font Awesome 6 Pro';
}

.pageelement-education-center .list-item .list-button.flyer:before {
    content: '\f019';
    font-family: 'Font Awesome 6 Pro';
}

@media only screen and (max-width: 900px){
    .pageelement-education-center .list-item {
        flex-flow: column;
        gap: 15px;
    }

    .pageelement-education-center .list-item .image {
        margin: auto;
        max-width: 480px;
        width: 100%;
        min-width: unset;
    }

    .pageelement-education-center .content {
        width: 100%;
    }
}