body {
  margin: 20px;
  background-color: #fff;
  color: #444;
}

a {
    color: white;
    text-decoration: none;
}


@media  screen and (min-width: 240px) {
    .adslot_1 { width: 240px; height: 150px; }
    .wrapper {
      max-width: 240;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(1, [columns] 1fr);
      grid-auto-rows: repeat(13, [rows] 1fr);
    }
    .wrapper > * {
      background-color: #fd9732;
      font-family: "houschka-rounded", sans-serif;
      color: #f9e9dc;
      border-radius: 10px;
      padding: 5px;
      font-size: 150%;
      margin-bottom: 10px;
      margin: 0;
      width:95%;
    }
    .mathLink {
      background-color: #a7a7fc;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 1;
    }
    .literacylink {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 2;
    }
    .topic {
      background-color: #f4b942;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 3;
    }
    .classTools {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 4;
    }
    .printables {
      background-color: #bb7dd8;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
      align:center;
      grid-column: columns 1;
      grid-row: rows 5;
    }
    .donations {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 6;
    }
    
    .fourtofive {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 7;
    }
    .fivetoseven {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 8;
    }
    .seventoeleven {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 9;
    }
    .description {
      background-color: #ffffff;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 150%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 10;
    }   
    .studySnug{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 11;
    }  
    .sharkSounds{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 12;
    }  
    .bigLetterBunnies{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 13;
    }
  
    .fiveMinute{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 14;
    }    
    .helpAHedgehog{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 15;
    }
  
    .writeSound{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 16;
    }
    .whatsMissing{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 17
    }
  
    .spooky{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 18;
    }  
    .spookySounds{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 19;
    }  
  
    .tellATRex{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 20;
    }
    .soundSayer{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 21;
    }
    
    .skyWriter{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 22;
    }
    .phonemePatterns{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 23;
    }
    .writingRunway{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 24;
    }
  
    .dinosaurEggsHF{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 25;
    }
    .captionClips{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 26;
    }
    .dinosaureggs{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 27;
    }
  
    .forestPhonics{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 28;
    }
    .starWriter{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 29;
    }
    .teachET{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 30;
    }
  
    .spellInv{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 31;
    }
    .loocwc{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 32;
    }
    .grannyG{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1;
      grid-row: rows 33;
    }  
    .littlebird{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 34;
    }
    .writingrepeater{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 35;
    }  
    .lookCover{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 36;
    }
    .sentenceSub{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1;
      grid-row: rows 37;
    }
    .phonicsFinder{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1;
      grid-row: rows 38;
    }
  
    .bingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 39;
    }
    .hfwBingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 40;
    }
    .blendingBingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 41;
    }
    .sendNspell{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 42;
    }  
    .phonicsQR{
      margin-left: auto;
      margin-right: auto;    
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 43;
    } 
    .advertisements {
      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      
      align:center;
      width:98%;
      grid-column: columns 1 ;
      grid-row: rows 44;
    }
    .advertisements2 {
      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      
      align:center;
      width:98%;
      grid-column: columns 1 ;
      grid-row: rows 45;
    }
    
    .wrapperForFooter {
      max-width: 460px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-auto-rows: minmax(150px, auto);
    }
    .wrapperForFooter > * {
      background-color: #525252;
      color: #fff;
      border-radius: 10px;
      padding: 10px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
    }
}


@media  screen and (min-width: 460px) {
    .adslot_1 { width: 460px; height: 100px; }
    .wrapper {
      max-width: 460px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(3, [columns] 1fr);
      grid-auto-rows: repeat(6, [rows] 1fr);
    }
    .wrapper > * {
      background-color: #fd9732;
      font-family: "houschka-rounded", sans-serif;
      color: #f9e9dc;
      border-radius: 10px;
      padding: 5px;
      font-size: 60%;
      margin-bottom: 10px;
      margin: 0;
    }
    .mathLink {
      background-color: #a7a7fc;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 1;
    }
    .literacylink {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 2 ;
      grid-row: rows 1;
    }
    .topic {
      background-color: #f4b942;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 1;
    }
  
    .classTools {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 2;
    }
  
    .printables {
      background-color: #bb7dd8;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 2;
      grid-row: rows 2;
    }
    .donations {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 100%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 2;
    }
    .fourtofive {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 3;
    }
    .fivetoseven {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 2 ;
      grid-row: rows 3;
    }
    .seventoeleven {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 3;
    }
    .description {
      background-color: #ffffff;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 200%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      align:center;
      grid-column: columns 1/4 ;
      grid-row: rows 4;
    }   
    .studySnug{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 /span 3;
      grid-row: rows 5;
    }  
    .sharkSounds{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 /span 2;
      grid-row: rows 6;
    }  
    .bigLetterBunnies{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 6;
    }
  
    .fiveMinute{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2/span 2 ;
      grid-row: rows 7;
    }    
    .helpAHedgehog{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 7;
    }
  
    .writeSound{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 / span 2 ;
      grid-row: rows 8;
    }
    .whatsMissing{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 8;
    }
  
    .spooky{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 10;
    }  
    .spookySounds{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 / span 2 ;
      grid-row: rows 10;
    }  
  
    .tellATRex{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 11;
    }
    .soundSayer{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 / span 2 ;
      grid-row: rows 11;
    }
    
    .skyWriter{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 12;
    }
    .phonemePatterns{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 12;
    }
    .writingRunway{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 12;
    }
  
    .dinosaurEggsHF{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 13;
    }
    .captionClips{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 13;
    }
    .dinosaureggs{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 13;
    }
  
    .forestPhonics{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 14;
    }
    .starWriter{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 14;
    }
    .teachET{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 14;
    }
  
    .spellInv{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 16;
    }
    .loocwc{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 /span 2;
      grid-row: rows 16;
    }
    .grannyG{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1 /span 3;
      grid-row: rows 17;
    }  
    .littlebird{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 18;
    }
    .writingrepeater{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 18;
    }  
    .lookCover{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 18;
    }
    .sentenceSub{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1;
      grid-row: rows 19;
    }
    .phonicsFinder{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 2;
      grid-row: rows 19;
    }
  
    .bingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 20;
    }
    .hfwBingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 20;
    }
    .blendingBingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 20;
    }
    .sendNspell{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 /span 3;
      grid-row: rows 21;
    }  
    .phonicsQR{
      margin-left: auto;
      margin-right: auto;    
      width:98%;
      align:left;
      grid-column: columns 1 /span 3;
      grid-row: rows 22;
    } 
    .advertisements {
      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      
      align:center;
      width:98%;
      grid-column: columns 1/span 3 ;
      grid-row: rows 9;
    }
    .advertisements2 {
      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      
      align:center;
      width:98%;
      grid-column: columns 1/span 3 ;
      grid-row: rows 15;
    }
    
    .wrapperForFooter {
      max-width: 460px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-auto-rows: minmax(150px, auto);
    }
    .wrapperForFooter > * {
      background-color: #525252;
      color: #fff;
      border-radius: 10px;
      padding: 10px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
    }
}




@media  screen and (min-width: 1000px) {
    .adslot_1 { width: 190px; height: 600px; }
    .wrapper {
      max-width: 1000px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(4, [columns] 1fr);
      grid-auto-rows: repeat(4, [rows] 1fr);
    }
    .wrapper > * {
      background-color: #fd9732;
      font-family: "houschka-rounded", sans-serif;
      color: #f9e9dc;
      border-radius: 10px;
      padding: 5px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
    }    
    .mathLink {
      background-color: #a7a7fc;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 1;
    }
    .literacylink {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 2 ;
      grid-row: rows 1;
    }
    .topic {
      background-color: #f4b942;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 1;
    }
  
    .classTools {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 2;
    }
  
    .printables {
      background-color: #bb7dd8;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 2;
      grid-row: rows 2;
    }
    .donations {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 2;
    }
    
   
    .fourtofive {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 200%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 3;
    }
    .fivetoseven {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 200%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 2 ;
      grid-row: rows 3;
    }
    .seventoeleven {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 200%;
      height:65px;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      font-style: normal;
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 3;
    }
    .description {

      background-color: #ffffff;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 245%;
      font-family: "houschka-rounded", sans-serif;
      font-weight: 700;
      align:center;
      grid-column: columns 1/4 ;
      grid-row: rows 4;
    }
    .studySnug{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 /span 3;
      grid-row: rows 5;
    }  
    .sharkSounds{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 /span 2;
      grid-row: rows 6;
    }  
    .bigLetterBunnies{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 6;
    }
  
    .fiveMinute{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2/span 2 ;
      grid-row: rows 7;
    }    
    .helpAHedgehog{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 7;
    }
  
    .writeSound{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 / span 2 ;
      grid-row: rows 8;
    }
    .whatsMissing{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 8;
    }
  
    .spooky{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1;
      grid-row: rows 9;
    }  
    .spookySounds{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 / span 2 ;
      grid-row: rows 9;
    }  
  
    .tellATRex{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 10;
    }
    .soundSayer{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 / span 2 ;
      grid-row: rows 10;
    }
    
    .skyWriter{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 11;
    }
    .phonemePatterns{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 11;
    }
    .writingRunway{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 11;
    }
  
    .dinosaurEggsHF{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 12;
    }
    .captionClips{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 12;
    }
    .dinosaureggs{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 12;
    }
  
    .forestPhonics{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 13;
    }
    .starWriter{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 13;
    }
    .teachET{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 13;
    }
  
    .spellInv{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 14;
    }
    .loocwc{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 /span 2;
      grid-row: rows 14;
    }
    .grannyG{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1 /span 3;
      grid-row: rows 15;
    }  
    .littlebird{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 16;
    }
    .writingrepeater{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 16;
    }  
    .lookCover{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 16;
    }
    .sentenceSub{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 1;
      grid-row: rows 17;
    }
    .phonicsFinder{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column:columns 2;
      grid-row: rows 17;
    }
  
    .bingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 ;
      grid-row: rows 18;
    }
    .hfwBingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 2 ;
      grid-row: rows 18;
    }
    .blendingBingo{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 3 ;
      grid-row: rows 18;
    }
    .sendNspell{
      margin-left: auto;
      margin-right: auto;
      
      width:98%;
      align:left;
      grid-column: columns 1 /span 3;
      grid-row: rows 19;
    }  
    .phonicsQR{
      margin-left: auto;
      margin-right: auto;    
      width:98%;
      align:left;
      grid-column: columns 1 /span 3;
      grid-row: rows 20;
    } 
    .advertisements {
      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      
      align:center;
      width:120%;
      grid-column: columns 4 ;
      grid-row: rows 1/10;
    }   
    .advertisements2 {
      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      
      align:center;
      width:120%;
      grid-column: columns 4 ;
      grid-row: rows 9/22;
    }   
    .wrapperForFooter {
      max-width: 1000px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-auto-rows: minmax(150px, auto);
    }
    .wrapperForFooter > * {
      background-color: #525252;
      color: #fff;
      border-radius: 10px;
      padding: 10px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
      width:95%;
    }
}
.header{
  margin-left: 5px;
  background-color: #fff;
  margin-right: 5px;
  grid-column: 1 / -1;
  
}
.footer {
  margin-left: 5px;

  margin-right: 5px;

  grid-column: 1 / -1;
  
}






@media  screen and (min-width: 1400px) {
  .adslot_1 { width:280px; height: 600px; }
  .wrapper {
    max-width: 1400px;
    display: grid;
    grid-gap: 10px;
    margin: 0 auto;
    grid-template-columns: repeat(5, [columns] 1fr);
    grid-auto-rows: repeat(5, [rows] 1fr);
  }
  .wrapper > * {
    background-color: #fd9732;
    font-family: "houschka-rounded", sans-serif;
    color: #f9e9dc;
    border-radius: 10px;
    padding: 5px;
    font-size: 90%;
    margin-bottom: 10px;
    margin: 0;
  }  
  .mathLink {
    background-color: #a7a7fc;
    color: #525252;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 150%;
    height:65px;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 1 ;
    grid-row: rows 1;
  }
  .literacylink {
    background-color: #fd9732;
    color: #525252;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 150%;
    height:65px;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 2 ;
    grid-row: rows 1;
  }
  .topic {
    background-color: #f4b942;
    color: #83a070;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 150%;
    height:65px;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 3 ;
    grid-row: rows 1;
  }

  .classTools {
    background-color: #8080ed;
    color: #83a070;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 150%;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 1 ;
    grid-row: rows 2;
  }

  .printables {
    background-color: #bb7dd8;
    color: #83a070;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 150%;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 2;
    grid-row: rows 2;
  }
  .donations {
    background-color: #8080ed;
    color: #83a070;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 150%;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 3 ;
    grid-row: rows 2;
  }
  .fourtofive {
    background-color: #fd9732;
    color: #525252;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 200%;
    height:65px;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 1 ;
    grid-row: rows 3;
  }
  .fivetoseven {
    background-color: #fd9732;
    color: #525252;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 200%;
    height:65px;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 2 ;
    grid-row: rows 3;
  }
  .seventoeleven {
    background-color: #fd9732;
    color: #525252;
    margin-left: auto;
    margin-right: auto;
    width:95%;
    font-size: 200%;
    height:65px;
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    align:center;
    grid-column: columns 3 ;
    grid-row: rows 3;
  }
 
  .description {
    font-family: "houschka-rounded", sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: #ffffff;
    color: #525252;
    margin-left: auto;
    margin-right: auto;
    font-size: 245%;
    grid-column: columns 1/4 ;
    grid-row: rows 4;
  }
  .studySnug{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 /span 3;
    grid-row: rows 5;
  }  
  
 
  .sharkSounds{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 /span 2;
    grid-row: rows 6;
  }  
  .bigLetterBunnies{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 6;
  }

  .fiveMinute{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2/span 2 ;
    grid-row: rows 7;
  }    
  .helpAHedgehog{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 7;
  }

  .writeSound{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 / span 2 ;
    grid-row: rows 8;
  }
  .whatsMissing{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 8;
  }

  .spooky{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1;
    grid-row: rows 9;
  }  
  .spookySounds{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 / span 2 ;
    grid-row: rows 9;
  }  

  .tellATRex{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 10;
  }
  .soundSayer{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 / span 2 ;
    grid-row: rows 10;
  }
  
  .skyWriter{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 11;
  }
  .phonemePatterns{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 ;
    grid-row: rows 11;
  }
  .writingRunway{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 11;
  }

  .dinosaurEggsHF{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 12;
  }
  .captionClips{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 ;
    grid-row: rows 12;
  }
  .dinosaureggs{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 12;
  }

  .forestPhonics{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 13;
  }
  .starWriter{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 ;
    grid-row: rows 13;
  }
  .teachET{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 13;
  }

  .spellInv{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 14;
  }
  .loocwc{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 /span 2;
    grid-row: rows 14;
  }
  .grannyG{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column:columns 1 /span 3;
    grid-row: rows 15;
  }  
  .littlebird{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 16;
  }
  .writingrepeater{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 ;
    grid-row: rows 16;
  }  
  .lookCover{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 16;
  }
  .sentenceSub{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column:columns 1;
    grid-row: rows 17;
  }
  .phonicsFinder{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column:columns 2;
    grid-row: rows 17;
  }

  .bingo{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 ;
    grid-row: rows 18;
  }
  .hfwBingo{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 2 ;
    grid-row: rows 18;
  }
  .blendingBingo{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 3 ;
    grid-row: rows 18;
  }
  .sendNspell{
    margin-left: auto;
    margin-right: auto;
    
    width:98%;
    align:left;
    grid-column: columns 1 /span 3;
    grid-row: rows 19;
  }  
  .phonicsQR{
    margin-left: auto;
    margin-right: auto;    
    width:98%;
    align:left;
    grid-column: columns 1 /span 3;
    grid-row: rows 20;
  }  
  .advertisements {

    background-color: #969595;
    margin-left: auto;
    margin-right: auto;
    
    align:center;
    width:180%;
    grid-column: columns 4/5 ;
    grid-row: rows 1/10;
  } 
 
  .advertisements2 {

    background-color: #969595;
    margin-left: auto;
    margin-right: auto;
    
    align:center;
    width:180%;
    grid-column: columns 4/5 ;
    grid-row: rows 9/22;
  } 
  .wrapperForFooter {
    max-width: 1400px;
    display: grid;
    grid-gap: 10px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(150px, auto);
  }
  .wrapperForFooter > * {
    background-color: #525252;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 90%;
    margin-bottom: 10px;
    margin: 0;
    width:95%;
  }

}
.header{
margin-left: 5px;
background-color: #fff;
margin-right: 5px;
grid-column: 1 / -1;

}
.footer {
margin-left: 5px;

margin-right: 5px;
font-family: 'Verdana';
grid-column: 1 / -1;

}