#myVideo {
  
  left: 0;
  top: 0;
  width: 100%; 
  
}
#navbar .link:hover{
   text-decoration: none;
   border-bottom: 3px solid #fff
}


#hamburger  {
   display: none
}


/* basic flex */
.flex {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   gap: 1rem
}

.flex > .item
{
   flex: 1;
}


@media (max-width: 600px) {
   
   #hamburger {
      display: block
   }
   
   #links {
     display: none;
   }
   
   .flex > .item
   {
      flex: 1;
   }
}   


/*--- grid ---*/
.grid {
   
   display: grid;
   /* default 4 columns */   
   grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
   grid-auto-rows: mimax(24.99999%, auto);
   gap: 1rem;
   
   justify-content: center;
}

.grid.align-c {
   align-items: center;
}


.items-6 {
  grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
}

.items-5 {
  grid-template-columns: repeat(auto-fit, minmax(18%, 1fr));
}

.items-4 {
  grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
}

.items-3 {
   grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
}

.items-2 {
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
}

/*-- inline grid--*/
.grid-il {
   display:   inline-grid;
   margin:    0 1em;
}

.grid-il > .item {  
  padding: .375em;
  margin:  .5em; 
}

@media all and (max-width: 600px)
{  
   .grid {
      display: grid;
      grid-template-columns: 1fr;
      justify-content: center;
      gap: 0.75em
   }
   
   .grid-il {
     display: inline-grid;
     justify-content: center;
     margin:  0 1em;
   }

   .grid-il > .item {
     
     padding: .375em;
     margin:  .5em;
     
   }
}

#captcha {
   min-width: 120px;
   min-height: 40px;
   max-width: 120px;
   max-height: 40px  
}

footer {
   margin-bottom: 36px;
}