/* gray #CBCCCB */
/* black #1A1A1A */
/* purple #9D9BC3 */

@media screen and (min-width : 0px){

  body {
    background-color: #CBCCCB;
    padding-bottom: 0;
  }


  .programContainer{
    padding-top: 0.8em;
}


    
  .program {
    padding: 10px;
    background-color: #CBCCCB;
    /*padding-bottom: 0em;*/
  }

  .Purple {
    background-color: #9D9BC3;
  }

  .eventDay {
    margin-bottom:0.7em;
    margin-top: 0.7em;
  }
  .eventDetails p.eventTime {
    font-size: 22px;
   line-height: .7em;
    margin-bottom: 0.4em;
    font-weight: bold;
  }
  .eventDescription {
    margin-top: 0;
	/*padding-bottom: .5em;*/
	font-size: 22px;
      padding-left: 0px;
	
  }

  .eventDescription a {
    color: #1a1a1a;
  }

    
    .arrow{
    color: #1a1a1a;
        text-decoration: none;
    
  }
    
    
   .notice {
     margin-top: 5vh;
     margin-bottom: 5vh;
     font-size: 5.3vw;
     padding: 10px;
   }

}

@media screen and (min-width : 600px){

  .notice {
      font-size: 3vw;
  }

  .programContainer{
      padding-top: 1.4em;
      
  }


  .eventDetails {
    display: flex;
  }
  .eventTime {
  }
  .eventDetails p.eventTime {
    width: 160px;
    font-size: 36px;
    line-height: 1em;
    margin-top: 0.5em;
	padding-bottom: 0;
      padding-left: 0px;
	flex-shrink: 0;
    font-weight: normal;
  }
  .eventDetails p.eventDescription {
    font-size: 36px;
    margin-top: 0.5em;
      line-height: 1em;
	padding-bottom: 0;
      padding-left: 32px;
  }
  .program {
    padding-bottom: 0.8em;
  }

  .eventDay{
    margin-bottom: 0;
  }
}