body { background: #08554b; color: rgba(250, 252, 251, 0.945); 
    font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
      
    div.section { background: rgb(1, 31, 28); max-width: 750px; margin: 50px auto 16px; padding: 32px 24px; border-radius: 20px; }
    div.section h2 { color: #ffffff; font-weight: bold; font-size: 16px; margin: 8px 0 8px; }
    div.section h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px; }
    div.section p { line-height: 120%; margin: 16px 0 24px; font-size: 14px; text-align: left; }
    ul.events div { margin-top: 8px; }
    a { color: #0000CC; text-decoration: none; }
    p.clear { clear: both; }
    #welcome { margin: 25px auto 16px; text-align: center; }
    #welcome p { text-align: center; }
    #welcome a { text-align: right; }
    #aboutus a { text-align: left; }
    img.photo { max-width: 45%; height: auto; vertical-align: middle; border-radius: 10px; }
    #mats, #spin { float: left; margin-right: 24px; }
    ul.events { list-style: none; padding-left: 1.5em; }
    ul.events li { position: relative; margin-bottom: 0.5em; cursor: pointer; }
    ul.events li::before { content: "+"; position: absolute; left: -1.5em; top: 0.1em;
      display: flex; justify-content: center; align-items: center; width: 1em; height: 1em;
      border: 1px solid white; text-align: center; line-height: 1; font-size: 0.8em; box-sizing: border-box; }
    ul.events li div { display: none; }
    ul.events li.detail div { display: block; }
    .contact-form td { vertical-align: top; }
    @media (max-width: 820px) 
    {
      /* body,
      #welcome { margin-top: 0; background: white; box-shadow: none; }
      #aboutus { margin-top: 0; background: white; box-shadow: none; }
      #mission { margin-top: 0; background: white; box-shadow: none; }
      #classes { margin-top: 0; background: white; box-shadow: none; }
      #founders { margin-top: 0; background: white; box-shadow: none; }
      #joinus { margin-top: 0; background: white; box-shadow: none; } */
    }