:root {
    --bg-color: hsl(45, 100%, 96.1%);
    --font-color:	hsl(22, 47%, 46%);
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    line-height: 1.2;
    background-color: var(--bg-color);
    color: var(--font-color);
}

#page-title {
    display: flex;
    font-weight: 150;
    font-size: 7.5vh;
    font-family: 'Abril Fatface', cursive;
    line-height: 0.75;
    justify-content: center;
}

#menu-bar > a {
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color);
    text-decoration: none;
}

#menu-bar {
    display: flex;
    justify-content: space-around;
    border-bottom: solid;
}

#about-us-title {
    display: flex;
    justify-content: right;
}

#chat-gpt-attribution {
    font-size: smaller;
    font-style: italic;
}

@media (min-aspect-ratio: 1/1) {
    #about-us-content {
        display: flex;
        flex-direction: row;
    }

    .body-image {
        height: 40vh;
    }

    #philosophy-content {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media (max-aspect-ratio: 1/1) {
    .body-content {
        display: flex;
        flex-direction: column;
    }

    .body-image {
        width: 100%;
    }
}

#footer {
    border-top: solid;
}

#footer > p {
    font-style: italic;
}