:root {
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground1Muted: #d6d6d6;
    --colorNeutralBackground1: #333333;
    --colorNeutralForeground1Link: #d6d6d6;
    --colorBrandForeground1: #ee8800;
    --colorBrandBannerSelected: var(--colorBrandForeground1);
    --colorBrandHeading1: #FF9900;
    --colorBrandHeading2: #000000;
}

.Page_photos #mainContent {
    max-width: none !important;
}

.photoSection {
    text-align: center;
    /*display: -ms-box;
    -ms-box-pack: justify;*/
}

.photoSectionHeaderBlock,
.photoBlock {
    display: inline-block;
    height: 400px;
    background-color: #CCCCCC;
    margin: 8px;
}

.photoBlock {
    vertical-align: middle;
    text-align: center;
    background-color: #000000;
}

.photoSectionHeaderBlock {
    vertical-align: middle;
    min-width: 200px;
    max-width: 320px;
}

.photoSectionHeaderBlock h2 {
    margin: 20px 20px 8px 20px;
}

.photoSectionHeaderBlock p {
    margin: 8px 20px 20px 20px;
}

.photoBlock img {
    position: relative;
    vertical-align: middle;
    height: 400px;
    width: auto;
    margin: auto;
    -ms-interpolation-mode: bicubic;
}

@media screen and (max-device-width: 480px) {

    .photoSectionHeaderBlock,
    .photoBlock {
        height: auto;
    }

    .photoBlock img {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 720px) {
    .photoSectionHeaderBlock,
    .photoBlock {
        height: auto;
    }

    .photoBlock img {
        height: auto;
        width: 100%;
    }
}

.photoBlock p.photoDescription {
    display: block;
    position: relative;
    background-color: #000000;
    background-color: rgba(0, 0, 0, .7);
    /*background-color: #FF000000;*/
    color: #ffffff;
    height: 40px;
    top: -40px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

.Page_photos .navTiles a {
    display: inline-block;
    height: 96px;
    width: 96px;
    padding: 0px;
    margin: 0px;
    margin-right: 8px;
    margin-bottom: 8px;
    vertical-align: bottom;
    transition: transform .2s;
}

    .Page_photos .navTiles a:hover {
        transform: scale(1.2);
    }


.Page_photos .navTiles img {
    float: none;
    position: inherit;
    margin: 0px;
    border: 0px;
}

.Page_photos .navTiles .navTitle {
    display: none;
}

.Page_photos .navTiles a:hover .navTitle {
    display: none;
}

.Page_photos .navTiles h3 {
    display: inline-block;
    height: 80px;
    width: 80px;
    margin: 0px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 8px;
    color: #ffffff;
    background-color: #ee8800;
    vertical-align: bottom;
    border-radius: var(--radiusL);
}