article h1{margin-top:40px}article h2{font-size:35px}.gallery-select .btn-blue{margin-top:0;margin-bottom:0}.btn-blue.active{background:#2b4c5e}#photos h2{margin-bottom:-10px}.vid-label{display:block;font-style:italic;margin-top:5px}.video-grid{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;row-gap:40px}.vid-play,.youtube-play{position:relative}.video-container iframe{top:0;left:0}.video-container{height:auto;padding-bottom:0;background-color:#000}.placeholder{max-height:calc(100vh - 60px)}.position-div{width:auto}.position-div .exit span{z-index:10;transform:translateY(100%)}.position-div .exit{background-color:transparent}.playBut{display:inline-block;-webkit-transition:all .5s ease;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.3)}.playBut svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%}.playBut .triangle{-webkit-transition:all .7s ease-in-out;stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;stroke-width:4px;transform:translateY(0)}.playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#008fd5}.playBut:hover .triangle{stroke:#fff}.playBut{transition:background .5s}.playBut:hover{background-color:transparent}#photos h3{margin-top:40px;margin-bottom:20px}@media (max-width:1200px){.video-grid{column-gap:10px}}@media (max-width:768px){.video-grid{grid-template-columns:repeat(auto-fit,minmax(220px, 1fr));column-gap:10px}}@media (max-width:480px){#photos h2{margin-bottom:20px}#photos h3{margin-top:0}article h2{font-size:28px}.gallery-select .btn-blue{width:auto;display:inline-block}article h1{font-size:35px}.gallery-select button{font-size:4vw;padding:9px 18px}}@media (max-width:366px){.gallery-select button{font-size:4vw;padding:9px 18px}}