.flex-container-vertical{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    position:relative;
    width: 100%;
    margin-left: auto;
    flex-wrap: wrap;
    margin-right: auto;
    min-width: 500px;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

div {
    resize: both;
}

.flex-container-horizontal {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

@media (max-width: 800px) {
    .flex-small {
        display: flex;
        width: 70%;
        box-sizing: border-box;
        padding: 1%;
    }
}

@media (min-width: 801px) {
    .flex-small {
        display: flex;
        width: 25%;
        box-sizing: border-box;
        padding: 1%;
    }
}

.flex-big {
    display: flex;
    width: 70%;
    padding: 1%;
    box-sizing: border-box;
}