@import "/content/basepage.less";

#content {
    background: #000;
    color: #FFF;
}

#galtitle {
    margin: 1em 0.5em;
    .up-to-phone-portrait({
       font-size: 1em;
    });

    .up-to-phone-landscape({
       font-size: 1em;
    });

    .up-to-tablet-landscape({
       font-size: 3em;
    });

    .up-to-desktop({
       font-size: 1.5em;
    });

    .large-desktop({
       font-size: 1.5em;
    });
}

#gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    background: #000;
}

#gallery > #galtitle {
    flex: 0 1 30%;
    margin: 1em 0.5em;
    font-weight: bold;
    font-size: 2em;
}

#gallery > .galimg {
   flex: 0 1 auto;
   margin: 0.5em 0.5em 2em 0.5em;
}

.galimg > .imgsrc > img {
   // margin: 0.5em 0.5em;
   max-width: 100%;
   height: auto;
}

.galimg > .created {
   margin: 0 0.2em;
   float: right;
}