/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.blaatekst {
	color: blue;
}

.synlig {
    background: yellow;
}

.stor {
    background: yellow;
    font-size: 25px;
    font-weight: 800;
    padding: 2rem;
}

.grid {
  display: grid;
  margin: 50px auto;
  padding: 10px;
    max-width: 780px;
  width: 100%;
}

.grid-1 { grid-template-columns: auto;  }
.grid-2 { grid-template-columns: auto auto;  }
.grid-3 { grid-template-columns: auto auto auto;  }
.grid-4 { grid-template-columns: auto auto auto auto;  }

.grid img {
    height: auto;
    padding: 10px;
    max-width: 100%;
}

.box {
    background: white;
    color: blue;
    font-size: 20px;
    margin: 100px 0 0 0;
    padding: 15px;
    text-align: center;
}

.overskrift {
    font-size: 20px;
}