.super-grid {display: grid; max-width:1900px;  padding: 1rem 10.4rem;}
.super-grid4 {display: grid; max-width:1900px;  padding: 1rem 10.4rem;}
.super-grid7 {display: grid; max-width:1900px;  padding: 1rem 10.4rem;}
.super-grid8 {display: grid; max-width:1900px;  padding: 1rem 10.4rem;}
.super-grid9 {display: grid; max-width:1900px;  padding: 1rem 10.4rem;}
.super-grid-wrapper{display: flex;align-items: center;flex-direction: column;}


.super-grid4 {
 grid-template-areas:"post-1 post-2"  
                     "post-3 post-4"  
    ;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, 16rem);
}

.super-grid9 {
 /* grid-template-columns: 1fr 1fr ;
  grid-template-rows: 1fr 1fr;*/
 grid-template-areas:"post-1 post-2"  
                     "post-1 post-3"  
                     "post-4 post-5"
                     "post-6 post-7"  
                     "post-8 post-9"
    ;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, 16rem); 
}
/*.super-grid9 div :nth-child(n+9) { display:none;}*/
.super-grid8 {
 /* grid-template-columns: 1fr 1fr ;
  grid-template-rows: 1fr 1fr;*/
 grid-template-areas:"post-1 post-2"  
                     "post-3 post-4"  
                     "post-5 post-6"
                     "post-7 post-8"
    ;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 16rem);
}
.super-grid7 {
 /* grid-template-columns: 1fr 1fr ;
  grid-template-rows: 1fr 1fr;*/
 grid-template-areas:"post-1 post-2"  
                     "post-1 post-3"  
                     "post-4 post-5"
                     "post-6 post-7"  
  ;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 16rem);
}
.super-grid4 div:nth-child(n+5){ display:none;}
.super-grid7 div:nth-child(n+8){ display:none;}
.super-grid8 div:nth-child(n+9){ display:none;}
.super-grid9 div:nth-child(n+10){ display:none;}

@media screen and (min-width: 1200px) {
  .super-grid9 {
  grid-template-areas: "post-1 post-1 post-2 post-3"  
                       "post-1 post-1 post-4 post-5"
                       "post-6 post-7 post-8 post-9";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(3, 18rem); 
  }
 .super-grid8 {
  grid-template-areas: "post-1 post-1 post-2 post-3"  
                       "post-1 post-1 post-4 post-5"
                       "post-6 post-7 post-8 post-8";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(3, 18rem);
  }
  .super-grid7 {
  grid-template-areas: "post-1 post-1 post-2 post-3"  
                       "post-1 post-1 post-4 post-4"
                       "post-6 post-7 post-5 post-5";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(3, 18rem);
  }
  .super-grid4 {
  grid-template-areas: "post-1 post-1 post-2 post-3"  
                       "post-1 post-1 post-4 post-4"
                      ;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(2, 18rem);
  }
}

.post-1 {
  grid-area: post-1;
}
.post-2 {           
  grid-area: post-2;
}
.post-3 {
  grid-area: post-3;
}
.post-4 {           
  grid-area: post-4;
}
.post-5 {
  grid-area: post-5;
}
.post-6 {           
  grid-area: post-6;
}
.post-7 {           
  grid-area: post-7;
}
.post-8 {
  grid-area: post-8;
}
.post-9 {           
  grid-area: post-9;
}



.super-grid .event-card {
  width: 100%;
  margin-bottom: 1px !important;
 /* margin-bottom: 0 !important;*/
}
.super-grid .event-card > div {
  width: 100%;
  height: initial;
}

/*.grid-item-1 {
  grid-area: 1/2/1/3;
}

.grid-item-2 {
  grid-area: 2/3/1/2;
}

.grid-item-3 {
  grid-area: 2/3/2/3;
}

.big-item {
  grid-row-start: span 2;
}*/
@media screen and (max-width: 1300px) {
  .super-grid { padding: 1rem 1rem;}
}
@media screen and (max-width: 760px) {
  .super-grid9 {
  grid-template-areas: "post-1"  
                       "post-2" 
                       "post-3"
                       "post-4"
                       "post-5" 
                       "post-6" "post-7" "post-8" "post-9";  
    grid-template-columns: 1fr;
   grid-template-rows: repeat(9, 16rem);
  padding: 1rem 1rem;
  }
 .super-grid8 {
  grid-template-areas: "post-1"   
                       "post-2"
                       "post-3"
                       "post-4"
                       "post-5"
                       "post-6" "post-7" "post-8";  
    grid-template-columns: 1fr;
   grid-template-rows: repeat(8, 16rem);
  padding: 1rem 1rem;
  }

  .super-grid7 {
  grid-template-areas: "post-1"  
                       "post-2"
                       "post-3"
                       "post-4"
                       "post-5"
                       "post-6" "post-7";  
    grid-template-columns: 1fr;
   grid-template-rows: repeat(7, 16rem);
  padding: 1rem 1rem;
  }

  .super-grid4 {
  grid-template-areas: "post-1"  
                       "post-2"
                       "post-3"
                       "post-4"
    ;  
    grid-template-columns: 1fr;
   grid-template-rows: repeat(4, 16rem);
  padding: 1rem 1rem;
  }
}
/*
@media screen and (max-width: 560px) {
  .super-grid {
    grid-template-columns: 1fr;
  }
}*/

/*# sourceMappingURL=super_grid.css.map */