html { min-height: 100%; }
body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.4; font-weight: 300; letter-spacing: 0.5px; color: #22372b; min-height: 100%; }

.header { background-color: #006A52; height: 65px; z-index: 500; position: fixed; width: 100%; top: 0; left: 0; border-bottom: 5px solid #FFD100; }
.header__logo { display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.header__logo img { display: block; height: 45px; }

		
.videos { position: fixed; top: 65px; left: 0; z-index: 400; width: 100%; height: 100%; background-color: #000000; display: none; }
.videos__container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videos__container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }	
.videos__close { position: absolute; z-index: 500; bottom: 80px; left: 50%; transform: translateX(-50%); }
.videos__close a { padding: 5px 20px; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; color: #FFF; background-color: #006A52; display: inline-block;  }

.layout { max-width: 800px; padding: 20px; margin: 0 auto; } 

.thumbnails { margin: 0; padding: 0; list-style: none; }
.thumbnails::after { content: ""; clear: both; display: block; }
.thumbnails li { margin: 0; padding: 0; list-style: none; float: left; width: 25%; }
.thumbnails li img { display: block; max-width: 100%; }