* {box-sizing: border-box;}

a:link, a:visited {color: #083648;}
a:hover {text-decoration: underline;}

.day {padding: 40px 0 10px 0; background-color: #F0F0FF; color: #083648;}
.day h2 {text-align: center; padding: 20px; text-transform: uppercase; font-size: 28px; color: #F0F0FF; background-color: #083648; font-weight: bold; text-shadow: 1px 1px 0 #000;margin-bottom: 0;}

.event h3 a:hover {color: ;#002640; border: 0px;}

.event {padding: 20px 0 30px 0;}

.time {text-align: center; padding: 0;border-right: 1px solid #666; text-shadow: 1px 1px 0 #aaa;}
.time p {font-size: 48px; font-weight: bold;margin: 0;}
.time p.small {font-size: 24px; font-weight: bold; height: auto;}
.detail-wrap { padding: 0 0 20px 20px; width: 100%; font-size: 18px;}
.event h3 {font-size: 40px; margin: 10px 0 0.5em 0; font-weight: bold; text-shadow: 1px 1px 0 #aaa;}
.event img {border-radius: 2px; box-shadow: 0 0 5px #000;width:100%;}
.event ul {list-style-type: none; padding: 0; margin: 10px 0 0 0; font-size: 1em;}
.event ul li {padding: 0; margin: 5px 0;}

@media only screen and (max-width: 990px) {
  * {text-align: center;}
  .HomePage h1 {font-size: 48px;}
   a.menu-item {width: auto; display: inline-block; padding: 20px 40px;margin: 10px 0;font-size: 24px;}
  .day {padding: 20px 0 10px 0;}
  .day h2 {font-size: 24px;}
  .time {border-right: 0px;}
  .time p { font-size: 50px; margin: 0;}
  .event:nth-child(odd) {background-color: #E4E4F2;}
  .event:nth-child(even) {background-color: #F0F0FF;}
  .event h3 {font-size: 32px;}
  .detail-wrap { padding: 0 10px 20px 10px; width: 100%; font-size: 18px;}
  .intro {padding: 40px 0; font-size: 24px;}
}

@media only screen and (max-width: 660px) {
    a.menu-item {margin: 10px 0; font-size: 20px;}
   .event img {width: 80%; margin: 10px auto;} 
    .intro {padding: 20px 0; font-size: 18px;}
}