/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  
  text-align: center;
}

.section-heading,
.section-description {
  margin-bottom: 1.2rem;
  padding-top: 1rem;
}

.services {
  padding-top: 6rem;
  padding-bottom: 6rem;
  
}

.footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #222;

  color: white;
  
}

.footer a{
  color: white;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header {
  position: relative;
  background-color: white;
  padding-top: 2.2rem;
  height: 80px;
}

#logo {

    margin-top: 5px;

}  

.align-left {
  text-align: left;
}

.spacer {
  padding-right: 35px;
}

.vimeo-wrapper {
   position: relative;
   width: 100vw;
   height: 50vw;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: -15%;
   left: 0%;
}

.topnav {
  
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav-right a {
  float: left; 
  text-align: center;
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 0.1rem !important;
  margin-right: 10px;
}
 

/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
  margin-top: 15px;
}

.over {
  display: absolute;
  top: 300px;
  z-index: 999;
}



/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    
  }
 
}

/* Bigger than 750 */
@media (min-width: 750px) {
  
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  
 
}