/* Rétt hlutfall youtube > iframe (.gluggi)

   óskuð breidd deilt í upphaflega breidd = n%

   til að finna rétta hæð: n% * upphafleg hæð
*/

/* 20em = 320px */
.gluggi {
  width: 18em; /* ~300px */
  height: 10.5em; /* 168px; */
}

@media screen and (min-width: 25em) {
  .gluggi {
    width: 18em;
    height: 10.5em;
  }
}

@media screen and (min-width: 30em) {
  .gluggi {
      width: 21.75em;
      height: 11.85em;
  }
}

@media screen and (min-width: 37.5em) {
  .gluggi {
      width: 26.25em;
      height: 14.775em; 
  }
}

@media screen and (min-width: 48em) {
  .gluggi {
      width: 34.5em;
      height: 18.45em; 
  }
}

@media screen and (min-width: 60em) {
  .gluggi {
      width: 43.5em;
      height: 24.75em; 
  }
}

@media screen and (min-width: 80em) {
  .gluggi {
      width: 58.5em; 
      height: 33em; 
  }
}