﻿#c-page > h2 { margin-top: 2em; margin-bottom: 0; }

#parts > .part { border: solid 2px #DDDDDD; }
    #parts > .part > .h { background: #F8F8F8; font-size: 21px; font-weight: bold; padding: 0.6em 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; }
        #parts > .part > .h:after { content: '\E805'; font-family: 'fontello'; }
    #parts > .part > .c { padding: 20px; display: none; }
    #parts > .part:not(:last-child) { border-bottom: none; }
    #parts > .part.open > .c { display: block; }
    #parts > .part.open > .h:after { content: '\E80E'; }

#press-photos .photos { display: flex; flex-wrap: wrap; justify-content: center; }
    #press-photos .photos > .photo { width: 275px; margin: 25px 17px; text-decoration: none; }
        #press-photos .photos > .photo > .img { height: 275px; background-position: center; background-size: cover; }
        #press-photos .photos > .photo > .caption { background: #004D69; color: white; font-size: 15px; padding: 10px 15px; height: 120px; box-sizing: border-box; }

#badges .badges { display: flex; flex-wrap: wrap; justify-content: center; }
    #badges .badges > img { margin: 12px; }

@media(max-width:1439px) {
    #badges .badges > img { width: 192px; margin: 5px; }
}

@media(max-width:1023px) {
    #parts > .part > .h { font-size: 24px; }
}

@media(max-width:767px) {
    #parts > .part > .h { font-size: 20px; }
    #press-photos .photos { margin-bottom: 30px; }
        #press-photos .photos > .photo { margin: 20px 0 0; }
    #badges .badges > img { width: 128px; }
}

@media(min-width:768px) and (max-width:1439px) {
    #press-photos .photos > .photo { width: 188px; margin: 15px 8px; }
        #press-photos .photos > .photo > .img { height: 188px; }
        #press-photos .photos > .photo > .caption { font-size: 12px; padding: 6px; height: 80px; }
}
