h1 {
    padding-top: 20px;
    font-size: 3em;
}

#header-box {
    min-height: 100px;
    padding: 30px;
}

.float-right {
    float: right;
}

a:link { color: lightgrey; }



body {
    box-sizing: border-box;
    height: 100%;
}
.wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.box {
    width: 450px;
    height: 450px;
    background: lightgrey;
    float: left;
    margin: 10px;
    text-align: center;
    margin-bottom: 100px;
}

.photoset-grid-lightbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

.image-horizontal {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.horizontal-container {
    flex-basis: 100%;
    text-align: center;
    display: flex;
    margin-bottom: 10px;
}

.image-horizontal img {
    width:100%;
}

.image-vertical {
    flex-basis: 50%;
    text-align: center;
    padding-right: 10px;

}

.image-vertical:last-child {
    padding-right: 0;
}

.image-vertical img {
    width: 100%;
}