@import url('https://fonts.googleapis.com/css2?family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');

.photo-section{
    margin-top: 50px;
    padding: 50px 0px;
    background-color: white;
}

.photo-head{
    max-width: 1032px;
    margin: auto;
    padding: 0px 18px;
    display: flex;
    justify-content: space-between;
}

.photo-subhead{
    max-width: 1000px;
    margin: auto;
}

.horizontal-bar{
    width: 8px;
    background-color: #00A2D3;
    margin: 8px 16px;
}

h2{
    color: #00A2D3;
}

.school-body {
    max-width: 1000px;
    margin: auto;
    padding: 0px 28px;
    display: flex;
}

ul {
    max-width: 1000px;
    margin: auto;
    padding: 20px;
    list-style-type: disclosure-closed;
}

.school-body-principal-words{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #00A2D3;
    font-size: 28px;
    margin: 28px;
    text-align: center;
}

.first-section{
    margin-top: 28px;
    padding-top: 28px;
}

@media screen and (max-width: 670px) {
    .school-body {
        flex-direction: column;
    }
}