.component--large {border: 0;}
.intro-high-level .cta-link {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
}
.did-you-know {
    margin: 1rem 5rem;
}
.did-you-know h2 {
    margin-left: 1rem
}
.did-you-know .flex-div-centered .left,
.did-you-know .flex-div-centered .right
{
    padding: 3rem;
}
@media (max-width: 40em) {
    .did-you-know {
        margin: 0;
    }
    .did-you-know .flex-div-centered .left,
    .did-you-know .flex-div-centered .right {
        padding: .5rem;
    }
}

/*STUDENT AND FACULTY STAFF LINK*/
.wysiwyg .flex-div {display: flex; margin: auto; width: 75%;}
    .wysiwyg .flex-div .col {flex-basis: 50%; padding: 0;}
    .wysiwyg .flex-div .col img {margin: 0; padding: 0;}
    .wysiwyg .flex-div .col div:first-child {padding: 0 2rem 1rem 2rem;}
    .wysiwyg .flex-div .col div:nth-child(2) {padding: 0 0 1rem 2rem;}
    .wysiwyg .flex-div .col .cta-link {font-size: clamp(1.25rem,2vw, 1.25rem);}
    .wysiwyg .flex-div .col .cta-link svg  {height: 1.5rem; width: 1.5rem;}
@media (max-width: 40em) {
    .component .component--large {margin-bottom: 1rem;}
    .wysiwyg .flex-div {display: initial; width: 100%;}
    .wysiwyg .flex-div .col {margin: 0;}
    .wysiwyg .flex-div .col img { width: 100%; margin: 0 auto !important;}
    .wysiwyg .flex-div .col div:nth-child(2) {
        padding: 0; margin: 0 auto 1rem auto;
    }
}
.wysiwyg .find-create-use-head {
    color: white;
    font-size: clamp(2rem,3vw, 2.75rem);
    text-align: center;
    background-color: maroon;
    padding: 3rem 0;
    margin: 0;
}

/*STATS*/
.wysiwyg .oer-stats,
.wysiwyg .oer-stats-most {
    display: flex;
}
@media (max-width: 40em) {
    .wysiwyg .oer-stats,
    .wysiwyg .oer-stats-most {
        display: initial;
    }
}

.wysiwyg .oer-stats-most {
    margin-top: 3rem;
    background-color: white;

}
.wysiwyg .oer-stats-most div {
    flex-basis: 50%;
}
.wysiwyg .oer-stats-most div:first-child {
    padding: 0 .5rem .5rem 3rem;
}
.wysiwyg .oer-stats-most div:nth-child(2) {
    padding: 1rem 3rem .5rem .5rem;
}
.wysiwyg .oer-stats-most div p {
    padding: 1.5rem 1rem 1rem 1rem;
}

.wysiwyg .oer-stats-most div img {
    width: 100%;
}

.oer-stats .oer-stat {
    flex-basis: 20%;
    padding: 1rem;
    text-align: center;
    border-left: .1875rem rgba(0, 0, 0, .0625) solid; /*rgba(0, 50, 100, .0625)*/
}
.oer-stats .oer-stat:first-child {
    border: 0;
}
.oer-stats .oer-stat div:first-child {
    color: #205665;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 600;
    height: 70%;
    line-height: 1.5;
}
.oer-stats .oer-stat:last-of-type div:first-child {
    height: 50%;
}
.oer-stats .oer-stat div:nth-child(2) {
    color: #5092B3;
    font-size: clamp(2rem, 2.5vw, 2.75rem);
    font-weight: 600;
    line-height: 1.5;
}
.oer-stats .oer-stat:last-of-type div:nth-child(2) {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    line-height: 1.625;
}

.oer-stats .oer-stat .asterisk {
    display: block; 
    color: black; 
    font-size: clamp(.75rem, 1vw, .75rem); 
    text-align: left;
}

/*FIND, CREATE, USE*/
.wysiwyg .find-create-use {
    display: flex;
    background-color: maroon;
    padding: 0 2rem 3rem 2rem;
}
@media (max-width: 40em) {
    .wysiwyg .find-create-use {
        display: initial;
        padding: 0;
    }
    .wysiwyg .find-create-use .find, 
    .wysiwyg .find-create-use .create, 
    .wysiwyg .find-create-use .use {
        width: 100%;
        margin-bottom: .5rem;
    }

}

    .wysiwyg .find-create-use .find {
        flex-basis: 33%;
        padding: 3rem;
        background-color: #1A5375;
        margin-right: 1rem;
        background-image: url(https://www.salisbury.edu/_demo/academic-affairs/cafe/open-educational-resources/_images/homepage/find.jpg);
        background-size: cover;
    }
    .wysiwyg .find-create-use .create {
        flex-basis: 33%;
        padding: 3rem;
        background-color: #1A5375;
        margin-right: 1rem;
        background-image: url(https://www.salisbury.edu/_demo/academic-affairs/cafe/open-educational-resources/_images/homepage/create.jpg);
        background-size: cover;
    }
    .wysiwyg .find-create-use .use {
        flex-basis: 33%;
        padding: 3rem;
        background-color: #1A5375;
        background-image: url(https://www.salisbury.edu/_demo/academic-affairs/cafe/open-educational-resources/_images/homepage/use.jpg);
        background-size: cover;
    }
    .wysiwyg .find-create-use .text {
        text-align: center;
        color: gold;
        font-style: italic;
        font-size: clamp(1.25rem, 2.5vw, 1.5rem);
        line-height: 2;
    }
    .wysiwyg .find-create-use .text a {
        text-align: center;
        color: gold;
        font-style: normal;
        font-weight: bold;
        font-size: clamp(1.55rem, 2.5vw, 2rem);

    }
    .wysiwyg .find-create-use .text a:hover {
        color: white;
        text-decoration-color: white;
    }
/*MET THE TEAM*/   
.team-row {
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    padding: 1rem;
}
.team-row div {
    flex-direction: column; 
    flex-basis: 32%; 
    background-color: white; 
    color: black;
    padding: .5rem;
    text-align: center;
    padding: 0 1%;
    font-size: clamp(.85rem,1vw,1rem);
    line-height: 1.5;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.team-row .img  {
    margin: 0 0 1rem 0;
    padding: 0;
}

.team-row .img img {
    padding: 0; margin: 0;
}

.team-row div p {
    line-height: 1.5;
    padding-left: 1rem;
    padding-right: 1rem;
}
.team-row div p:first-child {
    font-size: 1.125rem;
}

@media (max-width: 64em) {
    .team-row div {
    	flex-basis: 48%; 
    }
}

@media (max-width: 24em) {
    .team-row {
        flex-direction: column; 
		padding: 0;
    }
}


.flex-div-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
    .flex-div-centered .left {
        flex-basis: 50%;
        padding: 0 .5rem;
    }
    .flex-div-centered .right {
        flex-basis: 50%;
        padding: 0 .5rem;
    }
        .flex-div-centered .left img, 
        .flex-div-centered .right img
        {
            width: 100%;
        }
@media (max-width: 40em) {
    .flex-div-centered {
        display: initial;
    }
    .flex-div-centered .left,
    .flex-div-centered .right
    {
        width: 100%
    }

}