#filegallery {width: 100%; height: auto; float: left; margin: 20px 0;}
#filegallery A:HOVER {text-decoration: underline;}
#filegallery .row {width: 100%; height: auto; float: left; margin-bottom: 20px; align-items: center; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
#filegallery .row:last-child {margin-bottom: 0;}
#filegallery .row .icon {width: 60px; float: left;}
#filegallery .row .icon img {}
#filegallery .row .text {width: calc(100% - 60px); float: left;}
#filegallery .row .text .name {font-size: 16px; font-weight: 400;}
#filegallery .row .text .description {font-size: 16px; font-weight: 300;}


#photogallery {width: 100%; float: left; display: flex; flex-wrap: wrap; padding: 0 0 10px 0; margin: 30px 0 0 0;}
#photogallery .item {float: left; position: relative; transition: all 100ms; border-radius: 12px; overflow: hidden;}
#photogallery .item IMG {width: 100%; float: left; border-radius: 12px;}
#photogallery .item:HOVER::AFTER {display: block; display: flex; align-items: center; justify-content: space-around;}
#photogallery .item::AFTER {font-family: 'Myriad Pro', sans-serif; display: none; content: '+'; font-size: 38px; font-weight: 100; color: #FFF; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; background-color: rgb(0,0,0,0.15);}

#photogallery {gap: 10px; justify-content: center;}
#photogallery .item {width: calc(100% / 7);}




#videogallery {width: 100%; height: auto; float: left; padding: 0; background-color: #ded5cf;}
#videogallery .inner {width: 100%; height: auto; float: left; padding: 20px 0;}
#videogallery .inner h2 {position: relative; text-transform: none; font-size: 24px; margin: 40px 0 20px 0; padding: 0 0 5px 0; font-weight: 700; text-align: center;}
#videogallery .inner h2:after {content: ''; position: absolute; left: calc(50% - 50px); bottom: 0; width: 100px; height: 2px; background-color: #b79e85;}
#videogallery .inner .data-list {width: 100%; height: auto; float: left; padding: 0; flex-wrap: wrap; justify-content: space-between;}
#videogallery .inner .data-list .item {width: 48%; height: auto; float: left; margin: 10px 0;}
#videogallery .inner .data-list .item iframe {max-width: 100%; height: 350px; display: block;}


@media (max-width: 667px) {
  
  #filegallery .row .icon {width: 15%;}
  #filegallery .row .name {width: 85%; min-width: 0;}
}