header nav{
  display: none;
}
header .logo{
  width: 100%; 
}
header .logo img{
  width: auto;
  height: 90px; 
}

h1{
  font-size: 1.8rem; 
}

.flex{
  flex-wrap: wrap;
}

.flex .half{
  width: 100%;
  margin-right: 0;
}

.flex .third{
  width: 100%;
  margin-right: 0;
}

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

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

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

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

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


.mobile-span-1 {
  grid-column: span 1;
}
.mobile-span-2 {
  grid-column: span 2;
}
.mobile-span-3 {
  grid-column: span 3;
}
.mobile-span-4 {
  grid-column: span 4;
}
.mobile-span-5 {
  grid-column: span 5;
}

.mobile-center{
  text-align:center; 
}

.grid-border{
  border-right: none;
  border-bottom: 1px solid var(--light);
}
.grid-border:last-child{
  border-bottom:none; 
}

.padded, .mobile-padded{
  padding:30px;
}
.mobile-bottom-padding{
  padding-bottom: 30px; 
}