/* +++ HOME PAGE: MODELS +++++++++++++++++++++++++++++++++++++++++++++++++ */
#models {
    display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center; justify-content: center;
}
#models > div.model {
    position: relative; width: 50%;
}
#models > div.model > img.spacer,
#models > div.model > a > img {
    max-width: 100%; max-height: 100%;
}
#models > div.model > a > img.base {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding-bottom: 100px;
}
#models > div.model > a > div.description {
    position: absolute; bottom: 85px; left: 0; right: 0; font-size: 18px; color: #222222; text-align: center;
}
#models > div.model > a > div.description.small {
    position: absolute; bottom: 65px; left: 0; right: 0; font-size: 15px; color: #444444;
}
#models > div.model > a > div.button {
    position: absolute; bottom: 10px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; height: 40px; margin: 0 10px; background: #333333; font-size: 15px; color: #ffffff;
}
#models > div.model > a:hover > div.button {
    background: #222222;
}
@media screen and (max-width: 800px) {
    #models {
        display: block;
    }
    #models > div.model {
        width: 100%;
    }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */