.calibri {
    font: Calibri, sans-serif;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding: 10px;
}
.grid-container-2 {
  display: grid;
  grid-template-columns: repeat(18, 1fr);
  padding: 10px;
}
.grid-item-4 {
  grid-column-end: span 6;
  padding: 5px;
}
.grid-item-3 {
  grid-column-end: span 8;
  padding: 20px;
}
.grid-item-2 {
  grid-column-end: span 12;
  padding: 5px;
}
.grid-item-2b {
  grid-column-end: span 9;
  padding: 5px;
}
.grid-item-1 {
  grid-column-end: span 24;
  padding: 5px;
}
.grid-item-1b {
  grid-column-end: span 18;
  padding: 5px;
}
.grid-item-logo-R {
  grid-column: 18 / end;
}
.grid-item-logo-L {
  grid-column: 1 / 8;
}
.grid-item-tekst-L {
  grid-column: 1 / 18;
}
.grid-item-tekst-R {
  grid-column: 8 / end;
}
.grid-item-tekst-L-b {
  grid-column: 1 / 20;
}
.grid-item-logo-R-b {
  grid-column: 20 / end;
}
.grid-item-tekst-L-c {
  grid-column: 1 / 16;
}
.grid-item-logo-R-c {
  grid-column: 16 / end;
  grid-row-end: span 2;
}
.grid-item-vert-3 {
  grid-column: 18 / end;
  grid-row-end: span 3;
}
.grid-item-vert-2 {
  grid-column: 18 / end;
  grid-row-end: span 2;
}
.grid-item-connectivity-1 {
  grid-column: 1 / 16;
  grid-row: 1 / 2;
}
.grid-item-connectivity-2 {
  grid-column: 16 / end;
  grid-row-end: span 2;
}
.grid-item-connectivity-3 {
  grid-column: 1 / 16;
  grid-row: 2 / 3;
}
.grid-item-connectivity-4 {
  grid-column: 1 / end;
}
.grid-item-main {
  grid-column: 1 / 19; 
}
.grid-item-main-1 {
  grid-column: 1 / 3;
}
.grid-item-main-2 {
  grid-column: 3 / end;
  padding: 10px;
}
.grid-item-main-3 {
  grid-column: 19 / end;
  grid-row: 1 / span 3;
}
.grid-item-main-4 {
  grid-column: 19 / end; 
  grid-row: 4 / span 2;
}
.grid-item {
  grid-column: 6 / end;
  grid-row: 1 / span 9;
}
.centerimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 100px;
}
.center {
  text-align: center;
}
.white {
  color: white;
}
.background-color {
  background-color: #E8E8E8;
}
.icon {
  height: 75px;
  width: 75px;
}
.buttoncolor {
  background-color: #0074a6;
  margin-left: auto;
  color: white;
  border: 2px;
  padding: 8px 16px;
}

.tiny-content, .desktop-content, .laptop-content, .tablet-content, .mobile-content {
    display: none;
}
@media (max-width: 549px) {
    .tiny-content {
        display: block;
    }
}
@media (min-width: 550px) and (max-width: 767px) {
    .tiny-content {
        display: none;
    }
    .mobile-content {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-content {
        display: none;
    }
    .tablet-content {
        display: block;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tablet-content {
        display: none;
    }
    .laptop-content {
        display: block;
    }
}
@media (min-width: 1200px) {
    .laptop-content {
        display: none;
    }
    .desktop-content {
        display: block;
    }
}