@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

body {
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  background:#000;
  color:#fff;
  letter-spacing: -1px;
  line-height: 1.5;
}

img {
    width: 100%;
}

.vimeo-wrapper {
   position: relative;
   top: 0;
   left: 0;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   border-radius: 240px;
   opacity: 0.7;
   width: 60%;
   height: 0;
   padding-bottom: 60%;
   margin: 20px auto;
}
.vimeo-wrapper iframe {
   width: 250%;
   height: 250%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

a {color: #29bee7; text-decoration: none;}

h1 {
  font-weight: 900;
  font-size: 6vw;
  margin: 0;
  padding: 0;
  letter-spacing: -0.6vw;
  font-family: Arial;
  line-height: 1;
  z-index: 300;
  color: #fff;
  margin: 0 0 0 -0.4vw;
}

h2 {
  letter-spacing: -0.3vw;
  text-transform: uppercase;
  font-weight: 800;
  font-family: Arial;
  line-height: 1;
  font-size: 4vw;
  margin: 0 0 50px -0.3vw;
}

section {
    width: auto; 
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px dotted #aaa6a6;
    padding: 50px 0px;
}

.grid-wrapper {width:100%;position: relative;}
.grid {width: calc(100% / 3 - 40px); float:left; margin-right: 40px;}
.grid:last-child {width: calc(100% / 3); margin-right: 0px;}

@media (max-width: 1060px) {
  section {margin:0; width:auto; padding:20px;}
  .grid {float: none!important; width: 100%!important;margin:0 0 30px 0;}
}


/* Footer
-------------------------------------------------------------- */

#footer {
  background: #151515;
  position:relative;
  width: 100%;
  min-height: 150px;
  margin-top:50px;
}

#footer-inner {padding:20px;max-width: 1100px;margin:0 auto;color: #fff;text-align: left;font-size: 11px;font-weight: normal;letter-spacing: 1px;line-height: 20px;}
#footer-inner a {color: #00bcd4;text-decoration: none;}
#footer-inner a:hover {color:#777777;}