@charset "utf-8";
/* CSS Document */

figure.main_images {
    width: 100%;
}
ul, li {
    list-style-type: none;
}
section ul.photo_cat {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    margin: 5% auto;
}
section ul.photo_cat li {
    margin: 0 1% 3.5%;
/*    padding: 0.8%;
    border: 1px solid #999;*/
    background: #fff;
}
section ul.photo_cat li img {
    display: block;
    background: #eee;
}
section ul.photo_cat li img + span {
    display: block;
    text-align: center;
    margin: 5% auto;
    font-size: .8em;
}

section ul.photo_cat.x2 li {
    width: 48%;
}
section ul.photo_cat.x3 li {
    width: 31%;
}
section ul.photo_cat.x4 li {
    width: 23%;
}
section ul.photo_cat.x5 li {
    width: 18%;
}

#PhotoGallery .page_content {
    background: #fcfcfc;
    border: none;
}
#PhotoGallery .page_title h1 {
    margin: 3% auto 2%;
}
#PhotoGallery .page_title h1 span {
    margin: 3.5% auto 0;
    font-size: .8em;
    display: block;
    background: #eee;
    padding: 3%;
}

#PhotoGallery section ul.photo_cat li a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}


@media screen and (orientation:portrait){
section ul.photo_cat {
    padding: 10% 0;
}
section ul.photo_cat.x3 li {
    width: 100%;
    margin: 10% 5% 5%;
}
}