.homepage {
    display: flex;
    flex: 1;

    .homepage__left-events {
        display: flex;
        flex: 1;
        padding: 8px;
        flex-direction: column;
    }

    .homepage__calendar {
        display: flex;
        flex: 3;
    }
}

@media only screen and (max-width: 768px) {
    .homepage {
        flex-direction: column-reverse;

        .homepage__left-events {
            flex: 1;
        }

        .homepage__calendar {
            flex: 3;
        }
    }

    .upcoming-events {
        flex: 1;

        >div {
            flex:1;
        }
    }

    .todays-events {
        flex: 1;
    }
}