#app {
    xmax-width: 45%;
}

.sidebar {
    float: left;
    width: 50%;
    text-align: center;
}

body {
    max-width: 100%;
}

img.colorized {
    max-width: 500px;
}

ul.items {
    float: left;
}

#gallery {
    clear: both;
    width: 100%;
    overflow: auto;
}

.gallery-item {
    max-width: 40%;
    float: left;
    border: 0px solid #ddd;
    text-align: center;
    padding: 20px 0px;
    margin: 10px;
    min-height: 280px;
}

.gallery-item .title {
    text-align: center;
    font-size: 24px;
    font-family: Lato;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.gallery-item img {
    filter: grayscale(90%);
}

.gallery-item:hover img {
    filter: initial;
}

.gallery-item:hover {
    border: 3px solid #333;
    margin: 7px;
}