.flexbox_container {
    height: auto;
    width: 100%;
    background-color: #F4F3EE;
    margin: 2rem auto 2.5rem auto;
}

.flexbox_container div {
    height: 200px;
    width: 200px;
}

.flexbox_container div:first-of-type {
    background-color: #E0AFA0;
    color: #F4F3EE;
    font-size: 2rem;
    text-align: center;
}
.flexbox_container div:nth-of-type(2) {
    background-color: #463F3A;
    color: #F4F3EE;
    font-size: 2rem;
    text-align: center;
}
.flexbox_container div:nth-of-type(3) {
   background-color: #8A817C;
    color: #F4F3EE;
    font-size: 5rem;
    text-align: center;
}
.flexbox_container div:nth-of-type(4) {
    background-color: #BCB8B1;
    color: #F4F3EE;
    font-size: 2rem;
    text-align: center;
}

#flex_basis > section:first-of-type div {
    flex-basis: 250px;
}
#flex_basis > section:nth-of-type(2) div:nth-of-type(1) {
    flex-grow: 1;
}
#flex_basis > section:nth-of-type(3) div {
    flex-grow: 1;
}
#flex_basis > section:nth-of-type(4) div:nth-of-type(1) {
    flex-grow: 2;
}
#flex_basis > section:nth-of-type(4) div:nth-of-type(4) {
    flex-grow: 1;
}
#flex_basis > section:nth-of-type(5) div:nth-of-type(4) {
    flex-grow: 1;
    max-width: 300px;
}
#flex_basis > section:nth-of-type(6) div {
    flex-basis: 250px;
    min-width: 50px;
}
#flex_basis > section:nth-of-type(6) div:nth-of-type(2) {
    flex-shrink: 1;
}
#flex_basis > section:nth-of-type(6) div:nth-of-type(3) {
    flex-shrink: 2;
}

.previous_next a:nth-of-type(2){
    visibility: hidden;
}