@media screen and (min-width: 300px) and (max-width: 399px) and (orientation: portrait){
  html, body {
  height: 135%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 135%;
  }


  .item1 {grid-area: header;
    height: v7h;
    text-align: center;
    font-size: 8vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 50vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 4vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2;
  white-space: nowrap;
 }

}

@media screen and (min-width: 400px) and (max-width: 499px) and (orientation: portrait) {
  html, body {
  height: 125%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 125%;
  }


  .item1 {grid-area: header;
    height: v7h;
    text-align: center;
    font-size: 8vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 30vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 4vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2;
  white-space: nowrap;
 }

}

@media screen and (min-width: 500px) and (max-width: 999px) and (orientation: portrait) {
  html, body {
  height: 130%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 130%;
  }


  .item1 {grid-area: header;
    height: v7h;
    text-align: center;
    font-size: 8vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 15vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 3vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2;
  white-space: nowrap;
 }

}


@media screen and (min-width: 1000px) and (max-width: 1500px) and (orientation: portrait) {
  html, body {
  height: 120%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 120%;
  }


  .item1 {grid-area: header;
    height: v7h;
    text-align: center;
    font-size: 8vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 15vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 3vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2;
  white-space: nowrap;
 }

}

@media screen and (min-width: 300px) and (max-width: 700px) and (orientation: landscape) {
  html, body {
  height: 180%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 180%;
  }


  .item1 {grid-area: header;
    height: 7vh;
    text-align: center;
    font-size: 5vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 20vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 3vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2;
  white-space: nowrap;
 }

}


@media screen and (min-width: 701px) and (max-width: 999px) and (orientation: landscape) {
  html, body {
  height: 180%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 180%;
  }


  .item1 {grid-area: header;
    height: 7vh;
    text-align: center;
    font-size: 5vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 15vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 3vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2;
  white-space: nowrap;
 }

}
 

@media screen and (min-width: 1000px) and (max-width: 1200px) and (orientation: landscape) {
  html, body {
  height: 140%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 140%;
  }


  .item1 {grid-area: header;
    height: 7vh;
    text-align: center;
    font-size: 8vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 25vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 2vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 3;
  white-space: nowrap;
 }

}
 
@media screen and (min-width: 1201px) and (max-width: 1300px) and (orientation: landscape) {
  html, body {
  height: 140%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 140%;
  }


  .item1 {grid-area: header;
    height: 7vh;
    text-align: center;
    font-size: 8vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 30vh;
  }

  .item3 {grid-area: day1;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 9vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 2vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 3;
  white-space: nowrap;
 }

} 


@media screen and (min-width: 1301px) and (max-width: 1400px) and (orientation: landscape) {

html, body {
  height: 130%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 130%;
  }


  .item1 {grid-area: header;
    height: v7h;
    text-align: center;
    font-size: 5vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: vh;
  }

  .item3 {grid-area: day1;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 1.5vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2.6;
  white-space: nowrap;
 }

}


@media screen and (min-width: 1301px) and (max-width: 1500px) {

html, body {
  height: 130%;
  width: 100%;
  margin: 0;
  padding: 0;
}  
  
  
  .container {
    display:grid;
    grid-template-areas:
    'header header header header header header header header header header header header header header header header header header header'
    'space space space space space space space space space space space space space space space space space space space'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day1 sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun sun'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day2 mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon mon'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day3 tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue tue'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day4 wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed wed'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day5 thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu thu'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day6 fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri fri'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat'
    'day7 sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat sat';
    height: 130%;
  }


  .item1 {grid-area: header;
    height: v7h;
    text-align: center;
    font-size: 5vw;
    color: goldenrod;
  }

  .item2 {grid-area: space;
  height: 60vh;
  }

  .item3 {grid-area: day1;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item4 {grid-area: sun;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item5 {grid-area: day2;
    height:4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item6 {grid-area: mon;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item7 {grid-area: day3;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item8 {grid-area: tue;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item9 {grid-area: day4;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item10 {grid-area: wed;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item11 {grid-area: day5;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item12 {grid-area: thu;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item13 {grid-area: day6;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item14 {grid-area: fri;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }

  .item15 {grid-area: day7;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
  }

  .item16 {grid-area: sat;
    height: 4vh;
    padding: 1vw;
    justify-content: space-between;
    white-space: normal;
  }


 a {
  background-color: black;
  font-size: 1.5vw;
  border-radius: 1vh;
  padding: 1vw;
  color: white;
  text-decoration: none;
  line-height: 2.6;
  white-space: nowrap;
 }

}