.container{
  width: 96%;
}

.header{
  font-size: 0.8rem;
}

.header .nav-item{
  margin-right: 15px; 
}
.header .headerbuttons{
  margin-left: 15px; 
}
.header .headerbuttons a{
  padding: 10px 15px;
}
.header .headerbuttons a svg{
  display:none;
}



.tablet-grid-6{
  grid-template-columns: repeat(6, 1fr); 
}

.tablet-grid-5{
  grid-template-columns: repeat(5, 1fr); 
}

.tablet-grid-4{
  grid-template-columns: repeat(4, 1fr); 
}

.tablet-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.tablet-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.tablet-grid-1 {
  grid-template-columns: repeat(1);
}


.tablet-span-1 {
  grid-column: span 1;
}
.tablet-span-2 {
  grid-column: span 2;
}
.tablet-span-3 {
  grid-column: span 3;
}
.tablet-span-4 {
  grid-column: span 4;
}
.tablet-span-5 {
  grid-column: span 5;
}
.tablet-span-6 {
  grid-column: span 6;
}
.tablet-span-7 {
  grid-column: span 7;
}