:root {
    /* Primary */
    --bg-AAA-primary-color: #367e3d;
    --bg-AAA-secondary-color: #93ae3c;
    --bg-AAA-tertiary-color: #18351c;
}
.content.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
}

div#main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
}
#page-wrapper {
    overflow: hidden;
}


#schools{
    background-image: linear-gradient(135deg, #187288 0%, #93ae3c 59% , #367e3d 100%);
    background-image: linear-gradient(135deg, #187288f2 0%, #93ae3cf2 59% , #367e3df2 100%),url(https://aaahq.org/portals/0/images/education/CareerCenterTrianglesGraphic_v2.svg);
    background-size: cover;
}

div#schools p, div#schools li {
    line-height: 1.1;
}

#schoolsBody{
    padding: 1rem;
    background: white;
    box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45);
}

#schoolsBody h2.alpha{
    background: linear-gradient(45deg, var(--bg-AAA-primary-color), var(--bg-AAA-secondary-color));
    padding: 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    margin-top: 0;
}

.alphaCard{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}

.alphaCard .cBody{
    padding: 1rem;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.alphaCard .cBody a{
    font-family: 'Gotham-Medium', sans-serif;
    border-radius: 0.5rem;
    border: 2px solid lightgrey !important;
    padding: 0.5rem;
    text-align: center;
    margin: 1rem;
    max-width: 173px;
    display: flex;
    justify-content: center;
    align-items: center;
}