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: #a7a7fc;
      color: #fff;
      border-radius: 10px;
      padding: 5px;
      font-size: 150%;
      margin-bottom: 10px;
      margin: 0;
      width:95%;
    }

    .description {
      background-color: #c7f7aa;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      font-size: 80%;
      grid-column: columns 1;
      grid-row: rows 1;
    }
    .banner{
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 80%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 2;
    }
    .mathLink {
      background-color: #a7a7fc;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 3;
    }
    .literacylink {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 4;
    }
    .apps {
      background-color: #6bbc43;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-family: 'Verdana';
      align:center;
      grid-column: columns 1;
      grid-row: rows 5;
    }
    .classTools {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 6;
    }

    .printables {
      background-color: #bb7dd8;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1;
      grid-row: rows 7;
    }
    .topicLink {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 8;
    }

    .timesTablesTicket{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 9;
    }
    .timesTablesTicketDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 10;
      font-size: 90%
    }
    .lunchRegister{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 11;

      font-size: 90%;
    }
    .lunchRegisterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 12;

      font-size: 90%;
    }
    .rekenrek{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 13;

      font-size: 90%;
    }
    .rekenrekDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 14;

      font-size: 90%;
    }
    .tenFrame{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 15;

      font-size: 90%;
    }
    .tenFrameDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 16;

      font-size: 90%;
    }
    .partPartWhole{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 17;
    }
    .partPartWholeDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 18;
      font-size: 80%;
    }

    .abacus{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 19;
    }
    .abacusDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 20;
      font-size: 80%;
    }
    .saucerSorter{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 21;
    }
    .saucerSorterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 22;
      font-size: 80%;
    }




    .decimalDemonstrator{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 25;
    }
    .decimalDemonstratorDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 26;
      font-size: 80%;
    }
    .numberFactBingo{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 27;
    }
    .numberFactBingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 28;
      font-size: 80%;
    }

    .pVPieces {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 29;
      font-size: 90%;
    }
    .pVPiecesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 30;

      font-size: 75%;
    }
    .arrowCards{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 31;
    }
    .arrowCardsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 32;

      font-size: 75%;
    }
    .flipCounter {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 33;
        font-size: 90%;
    }
    .flipCounterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 34;

      font-size: 80%;
    }
    .rubberBand {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 35;
        font-size: 90%;
    }
    .rubberBandDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 36;
      font-size: 80%;
    }


    .hunt {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 39;
        font-size: 90%;
    }
    .huntDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 40;
      font-size: 80%;
    }
    .clockGame {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 41;
        font-size: 90%;
    }
    .clockGameDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 42;
      font-size: 80%;
    }
    .fractions {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 43;
        font-size: 90%;
    }
    .fractionsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 44;
      font-size: 80%;
    }
    .fractionFinder {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 45;
        font-size: 90%;
    }
    .fractionFinderDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 46;
      font-size: 80%;
    }


    .coinCalculator {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 49;
        font-size: 90%;
    }
    .coinCalculatorDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 50;
      font-size: 80%;
    }
    .twilightTakeAway {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 51;
        font-size: 90%;
    }
    .twilightTakeAwayDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 52;
      font-size: 80%;
    }
    .sumScales {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 53;
        font-size: 90%;
    }
    .sumScalesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 54;
      font-size: 80%;
    }
    .advent {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 55;
        font-size: 90%;
    }
    .adventDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 56;
      font-size: 80%;
    }
    .dateChart{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 57;
    }
    .dateChartDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 58;
      font-size: 80%;
    }


    .arrayDisplay{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 60;
    }
    .arrayDisplayDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 61;
      font-size: 80%;
    }
    .numberSquare{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 62;
    }
    .numberSquareDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 63;
      font-size: 80%;
    }
    .playYourCardsRight{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 64;
    }
    .playYourCardsRightDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 65;
      font-size: 80%;
    }
    .monthDays{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 66;
    }
    .monthDaysDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 67;
      font-size: 80%;
    }

    .handyCounters{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 69;

      font-size: 80%;
    }
    .handyCountersDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 70;

      font-size: 80%;
    }

    .calmCounter{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 73;

      font-size: 80%;
    }
    .calmCounterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 74;

      font-size: 80%;
    }
    .sendNspell {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 76;
        font-size: 80%;
    }
    .sendNspellDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 77;
      font-size: 80%;
    }
    .bingo {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 78;
        font-size: 80%;
    }
    .bingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 79;
      font-size: 80%;
    }

    .blendingBingo {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 80;
        font-size: 80%;
    }
    .blendingBingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 81;
      font-size: 80%;
    }
    .forestPhonics {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 82;
        font-size: 80%;
    }
    .forestPhonicsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 83;
      font-size: 80%;
    }
    .foamPhonemes {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 84;
        font-size: 80%;
    }
    .foamPhonemesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 85;
      font-size: 80%;
    }
    .phonemePatterns {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 86;
        font-size: 80%;
    }
    .phonemePatternsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 87;
      font-size: 80%;
    }
   
    .skyWriter {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 88;
        font-size: 80%;
    }
    .skyWriterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 89;
      font-size: 80%;
    }
    .writingrepeater {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 90;
      font-size: 80%;
    }
    .writingrepeaterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 91;
      font-size: 80%;
    }
    .sentenceSub {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 92;
        font-size: 90%;
    }
    .sentenceSubDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1;
      grid-row: rows 93;
        font-size: 90%;
    }
    .wordThermometer {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 94;
        font-size: 90%;
    }
    .wordThermometerDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 95;
        font-size: 90%;
    }
    .foamPhonemes {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 96;
        font-size: 90%;
    }
    .foamPhonemesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 97;
        font-size: 90%;
    }
    .writingTargets {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 98;
      font-size: 90%;
    }
    .writingTargetsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1;
      grid-row: rows 99;
      font-size: 90%;
    }
    .fingerSpaceSong {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 100;
        font-size: 90%;
    }
    .fingerSpaceSongDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 1 ;
      grid-row: rows 101;
      font-size: 90%;
    }
    .advertisements {

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1;
      grid-row: rows 24;
    }
    .advert2{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1;
      grid-row: rows 38;
    }
    .advert3{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1;
      grid-row: rows 48;
    }
    .advert4{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1;
      grid-row: rows 59;
    }
    .advert5{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1;
      grid-row: rows 68;
    }
    .advert6{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1;
      grid-row: rows 71;
    }
    .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: #a7a7fc;
      color: #fff;
      border-radius: 10px;
      padding: 5px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
    }

    .description {
      background-color: #c7f7aa;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      font-size: 100%;
      grid-column: columns 1/span 3 ;
      grid-row: rows 1;
    }
    .banner{
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 100%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1/4 ;
      grid-row: rows 2;
    }
    .mathLink {
      background-color: #a7a7fc;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 3;
    }
    .literacylink {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-family: 'Verdana';
      align:center;
      grid-column: columns 2 ;
      grid-row: rows 3;
    }
    .apps {
      background-color: #6bbc43;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-family: 'Verdana';
      align:center;
      grid-column: columns 3;
      grid-row: rows 3;
    }
    .classTools {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-family: 'Verdana';
      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-family: 'Verdana';
      align:center;
      grid-column: columns 2;
      grid-row: rows 4;
    }
    .topicLink {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 4;
    }

    .timesTablesTicket{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 7;
    }
    .timesTablesTicketDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 7;
    }
    .lunchRegister{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 8;
    }
    .lunchRegisterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 8
    }

    .rekenrek{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 9;
    }
    .rekenrekDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 9;
    }
    .tenFrame{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 10;
    }
    .tenFrameDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 10;
    }

    .partPartWhole{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 11;
    }
    .partPartWholeDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 11;
      font-size: 90%;
    }
    .abacus{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 12;
    }
    .abacusDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 12;
    }



    .saucerSorter{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 13;
    }
    .saucerSorterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 13;
    }
    .decimalDemonstrator{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 14;
    }
    .decimalDemonstratorDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 14;
    }
    .numberFactBingo{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 15;
    }
    .numberFactBingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 15;
    }
    .pVPieces {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 16;
      font-size: 90%;
        font-size: 90%;
    }
    .pVPiecesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 16;
    }
    .arrowCards{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 17;
    }
    .arrowCardsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 17;
    }



    .flipCounter {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 18;
        font-size: 90%;
    }
    .flipCounterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 18;
    }
    .rubberBand {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 19;
        font-size: 90%;
    }
    .rubberBandDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 19;
    }
    .hunt {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 20;
        font-size: 90%;
    }
    .huntDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 20;
    }
    .clockGame {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 21;
        font-size: 90%;
    }
    .clockGameDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 21;
    }
    .fractions {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 22;
        font-size: 90%;
    }
    .fractionsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 22;
    }


    .fractionFinder {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 23;
        font-size: 90%;
    }
    .fractionFinderDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 23;
    }
    .coinCalculator {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 24;
        font-size: 90%;
    }
    .coinCalculatorDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 24;
    }
    .twilightTakeAway {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 26;
        font-size: 90%;
    }
    .twilightTakeAwayDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 26;
    }
    .sumScales {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 27;
        font-size: 90%;
    }
    .sumScalesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 27;
    }
    .advent {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 28;
        font-size: 90%;
    }
    .adventDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 28;
    }



    .dateChart{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 29;
    }
    .dateChartDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 29;
    }
    .arrayDisplay{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 30;
    }
    .arrayDisplayDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 30;
    }
    .numberSquare{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 31;
    }
    .numberSquareDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 31;
    }
    .playYourCardsRight{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 32;
    }
    .playYourCardsRightDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 32;
      font-size: 90%;
    }
    .monthDays{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 34;
    }
    .monthDaysDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 34;
      font-size: 90%;
    }

    .handyCounters{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 35;
    }
    .handyCountersDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 35;
    }
    .calmCounter{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 36;
    }
    .calmCounterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 36;
    }

    .sendNspell{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      background-color: #fd9732;
      color:#633d1a;
      grid-column: columns 1 ;
      grid-row: rows 39;
    }
    .sendNspellDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 39;
    }
    .bingo {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 40;
        font-size: 90%;
    }
    .bingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 40;
    }
    .blendingBingo {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 41;
        font-size: 90%;
    }
    .blendingBingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 41;
    }
    .forestPhonics {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 42;
        font-size: 90%;
    }
    .forestPhonicsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 42;
    }


    .foamPhonemes {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 43;
        font-size: 90%;
    }
    .foamPhonemesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 43;
    }
    .phonemePatterns {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 44;
        font-size: 90%;
    }
    .phonemePatternsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 44;
    }
    
    .skyWriter {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 47;
        font-size: 90%;
    }
    .skyWriterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 47;
    }
    .writingrepeater {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 48;
        font-size: 90%;
    }
    .writingrepeaterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 48;
    }
    .sentenceSub {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 49;
        font-size: 90%;
    }
    .sentenceSubDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 49;
    }
    .wordThermometer {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 50;
        font-size: 90%;
    }
    .wordThermometerDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 50;
    }
    .foamPhonemes {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 51;
        font-size: 90%;
    }
    .foamPhonemesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 51;
    }
    .writingTargets {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 52;
        font-size: 90%;
    }
    .writingTargetsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 52;
    }
    .fingerSpaceSong {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 53;
        font-size: 90%;
    }
    .fingerSpaceSongDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 53;
    }

    .advertisements {

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1/span 3;
      grid-row: rows 25;
    }
    .advert2{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1/span 3;
      grid-row: rows 33;
    }
    .advert3{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1/span 3;
      grid-row: rows 38;
    }
    .advert4{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1/span 3;
      grid-row: rows 45;
    }
    .advert5{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1/span 3;
      grid-row: rows 57;
    }
    .advert6{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 1/span 3;
      grid-row: rows 56;
    }
    .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: 160px; 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: #a7a7fc;
      color: #fff;
      border-radius: 10px;
      padding: 5px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;

    }
    .description {

      background-color: #c7f7aa;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 100%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1/4 ;
      grid-row: rows 1;
    }
    .banner{
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      font-size: 100%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1/4 ;
      grid-row: rows 2;
    }
    .mathLink {
      background-color: #a7a7fc;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 3;
    }
    .literacylink {
      background-color: #fd9732;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2 ;
      grid-row: rows 3;
    }
    .apps {
      background-color: #6bbc43;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      width:95%;
      font-size: 150%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 3;
      grid-row: rows 3;
    }
    .classTools {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-size: 150%;
      font-family: 'Verdana';
      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: 150%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2;
      grid-row: rows 4;
    }
    .topicLink {
      background-color: #8080ed;
      color: #83a070;
      margin-left: auto;
      margin-right: auto;
      width:95%;

      font-size: 150%;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 3 ;
      grid-row: rows 4;
    }
    .timesTablesTicket{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 7;
    }
    .timesTablesTicketDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 7;
    }
    .lunchRegister{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 8;
    }
    .lunchRegisterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 8;
    }                           

    .rekenrek{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 9;
    }
    .rekenrekDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 9;
    }

    .tenFrame{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 10;
    }
    .tenFrameDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 10;
    }
    .partPartWhole{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 11;
    }
    .partPartWholeDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 11 ;
    }
    .abacus{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 12;
    }
    .abacusDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 12;
    }
    .saucerSorter{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 13;
    }
    .saucerSorterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 13;
    }
    .decimalDemonstrator{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 14;
    }
    .decimalDemonstratorDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 14;
    }
    .numberFactBingo{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 15;
    }
    .numberFactBingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 15;
    }


    .pVPieces {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 16;
      font-size: 90%;
        font-size: 90%;
    }
    .pVPiecesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 16;
    }
    .arrowCards{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 17;
    }
    .arrowCardsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 17;
    }
    .flipCounter {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 18;
        font-size: 90%;
    }
    .flipCounterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 18;
    }
    .rubberBand {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 19;
        font-size: 90%;
    }
    .rubberBandDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 19;
    }
    .hunt {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 20;
        font-size: 90%;
    }
    .huntDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 20;
    }
    .clockGame {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 21;
        font-size: 90%;
    }
    .clockGameDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 21;
    }
    .fractions {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 22;
        font-size: 90%;
    }
    .fractionsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 22;
    }
    .fractionFinder {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 23;
        font-size: 90%;
    }
    .fractionFinderDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 23;
    }
    .coinCalculator {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 24;
        font-size: 90%;
    }
    .coinCalculatorDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 24;
    }
    .twilightTakeAway {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 25;
        font-size: 90%;
    }
    .twilightTakeAwayDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 25;
    }
    .sumScales {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 26;
        font-size: 90%;
    }
    .sumScalesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 26;
    }
    .advent {
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 27;
        font-size: 90%;
    }
    .adventDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 27;
    }
    .dateChart{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 28;
    }
    .dateChartDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 28;
    }
    .arrayDisplay{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 29;
    }
    .arrayDisplayDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 29;
    }
    .numberSquare{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 30;
    }
    .numberSquareDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 30;
      font-size: 90%;
    }
    .playYourCardsRight{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 31;
    }
    .playYourCardsRightDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 31;
      font-size: 90%;
    }
    .monthDays{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 32;
    }
    .monthDaysDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 32;
      font-size: 90%;
    }

    .handyCounters{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 33;
    }
    .handyCountersDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 33;
    }
    .calmCounter{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 34;
    }
    .calmCounterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #ceceed;
      color:#393987;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 34;
    }


    .sendNspell{
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;
      background-color: #fd9732;
      color:#633d1a;
      grid-column: columns 1 ;
      grid-row: rows 36;
    }
    .sendNspellDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 2/span 2 ;
      grid-row: rows 36;
    }
    .bingo {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 37;
        font-size: 90%;
    }
    .bingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 37;
      font-size: 90%;
    }
    .blendingBingo {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 38;
        font-size: 90%;
    }
    .blendingBingoDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 38;
      font-size: 90%;
    }
    .forestPhonics {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 39;
        font-size: 90%;
    }
    .forestPhonicsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 39;
      font-size: 90%;
    }
    .foamPhonemes {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 40;
        font-size: 90%;
    }
    .foamPhonemesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 40;
      font-size: 90%;
    }
    .phonemePatterns {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 41;
        font-size: 90%;
    }
    .phonemePatternsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 41;
      font-size: 90%;
    }
    

    .skyWriter {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 42;
        font-size: 90%;
    }
    .skyWriterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 42;
    }
    .writingrepeater {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 43;
        font-size: 90%;
    }
    .writingrepeaterDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 43;
    }
    .sentenceSub {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 44;
        font-size: 90%;
    }
    .sentenceSubDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 44;
    }
    .wordThermometer {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 45;
        font-size: 90%;
    }
    .wordThermometerDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 45;
    }
    .foamPhonemes {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 46;
        font-size: 90%;
    }
    .foamPhonemesDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 46;
    }
    .writingTargets {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 47;
        font-size: 90%;
    }
    .writingTargetsDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 47;
    }
    .fingerSpaceSong {
      margin-left: auto;
      margin-right: auto;
      background-color: #fd9732;
      color:#633d1a;
      font-family: 'Verdana';
      align:center;
      grid-column: columns 1 ;
      grid-row: rows 48;
        font-size: 90%;
    }
    .fingerSpaceSongDesc{
      margin-left: auto;
      margin-right: auto;
      background-color: #f9c698;
      color:#633d1a;
      font-family: 'Verdana';
      vertical-align: 'middle';
      grid-column: columns 2/span 2 ;
      grid-row: rows 48;
    }

    .advertisements {

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 4 ;
      grid-row: rows 1/12;
    }
    .advert2{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 4 ;
      grid-row: rows 11/19;
    }
    .advert3{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 4 ;
      grid-row: rows 18/26;
    }
    .advert4{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 4 ;
      grid-row: rows 25/31;
    }
    .advert5{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 4 ;
      grid-row: rows 30/36;
    }
    .advert6{

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Verdana';
      align:center;

      grid-column: columns 4 ;
      grid-row: rows 35/50;
    }
    .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;
  font-family: 'Verdana';
}
.footer {
  margin-left: 5px;

  margin-right: 5px;

  grid-column: 1 / -1;
  font-family: 'Verdana';
}