/* Rétt hlutfall youtube > iframe  
   padding-bottom: 56.25%; /* 16:9 */


.video-container{
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  border-radius: 1rem;
  background: rgba(0,0,0,.15);
  row-gap: 1rem;
}

.video-container iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* kort */

.map{
  display: block;
  width: 100%;
  height: 320px;
  border: 0
}



@media (min-width: 600px){
  .map{
    height: 240px;
  }
}

@media (min-width: 768px){
  .map{
    height: 260px;
  }
}

@media (min-width: 960px){
  .map{
    height: 350px;
  }
}