.philo_container {
    flex: 1;

    display: flex;
    flex-direction: row;

    width: 100%;

    color: #FFFFFF;
    background-color: #00494B;
}

.philo_content {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    width: 100%;
    max-width: var(--site-max-width);
    padding: 1rem;
    padding-top: 0px;

    color: #FFFFFF;
}

.philo_left {
    box-sizing: border-box;

    flex: 1;
    max-width: 100%;

    padding-top: 1rem;

    font-size: 1rem;
}

.philo_right {
    box-sizing: border-box;
    flex: 1;

    min-width: 276px;
    min-height: 300px;
    max-width: 100%;

    background-image: url("../../res/img/tree_philo.png");
    background-position: top 1rem center;
    background-repeat: no-repeat;
    background-size: contain;
}

.philo_title {
    font-size: clamp(1rem, 13vw, 4rem); 

    color: #009F95;
}

.philo_subtitle {
    font-size: clamp(1rem, 6vw, 1.8rem);

    color: #FFFFFF;
}

.philo_upsized {
    font-size: clamp(1rem, 5vw, 1.6rem);

    color: #FFFFFF;
}