/* Grid area
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.grid {
  display: grid;
  grid-template-areas: 
  'grid-b' 
  'grid-a';
}
.grid-a {
  grid-area: grid-a;
}
.grid-b {
  grid-area: grid-b;
}
/* value
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.value {
  text-align: center;
}
.value h1 {
  font-weight: 300;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 2.5em;
  margin: 0 auto;
  padding: 1rem 0;
} 
/* ýmislegt
---------------------------------------------------*/
.valign {
  display: grid;
  align-items: center;
}
.r50 {
  border-radius: 50%;
}
/* bgimage
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bakgrunnur {
  background: var(--nc-ac-1);
  padding: 1rem .5rem 0 .5rem;
  margin:  0;
}

.center {
  text-align: center;
}
dl {
  margin-left: 1rem;
}
.logo span {
  color: var(--nc-ac-tx);
  font-size: 16rem;
}
.footnav {
  list-style-type: none;
}

/* Bigger than 768px */
@media (min-width: 48rem) {
  header > *:first-child {
    margin-top: 2rem;
    padding-top: 0;
  }
  
  .logo span {
    font-size: 20rem;
  }

}

/* Bigger than 960px */
@media (min-width: 60rem) {
  .grid {
    display: grid;
    grid-template-areas: 
    'grid-a grid-b grid-b grid-b';
    gap: 2rem
  }
  .pad-top4r {
    padding-top: 4rem;
  }
}
/* Bigger than 1280px */
@media (min-width: 80rem) {
  .form-col-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0;
  }
  .logo span {
    font-size: 26rem;
  }
}