/* Usual reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

body { 
/*    font-family: Arial, Helvetica, sans-serif;  */
    color: #777777;
    background-color: seashell; 
}

ul {
  margin-left: 10%;
  list-style-type: none;
}

li {
    line-height: 175% 
    
}

a {
    text-decoration: none;
    font-weight: bold;
}

a:link    { color: #405789; }
a:visited { color: #405789; }
a:active  { color: #405789; }
a:hover   { color: #248ae8; }

h1 
{
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 400;
   font-size: 1.125rem;
   font-family: Roboto,sans-serif;
   line-height: 1.2;
   margin-top: 40px;
   color : #111;      /* dark blue */
   text-align: center;
}

h2 
{
   color : #111;      /* light blue */
   text-align: center;
   font-size: 3rem;
   font-family: 'Playfair Display', serif !important;
   font-weight: 400;
   font-size: 2.25rem;
   line-height: 1.1;
   margin-top: 20px;
   margin-bottom: 20px;
}
h2 em { font-style: italic; }

h3 
{
  color: darkblue;
  text-align: center;
  padding: 1em 1em 0 1em;
  font-weight: normal;
}
h3 span { font-weight: bold; font-size: 1.05em; }

h4 { padding: 0 0 1em 1em; }

p 
{
   padding: 1em 0;
}

br.clearall { clear: both; height: 1px; line-height: 1px; }
    
div.maintext 
{
  margin: 1%;
  background: seashell;
}    
    
div.homepage
{
  margin: 1% 20%;
  padding: 1em;
  color: #333;
}    
    

div.schedule 
{
  margin-bottom: 40px;
  background-color: wheat;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 5px 5px 15px grey;
}

div.description 
{
/*  background-color: lightblue;*/
}

p.briefdescription  
{
  color: darkolivegreen;
  font-size: 1.1rem;
  padding: 1em 0 0 1em;
}

p.longdescription  
{
  color: dimgrey;
  padding: 1em;
  font-family: Roboto,sans-serif;
  font-size: 0.95em;
}


@media only screen and (max-width: 761px)
{
/*  p, h1, h2, h3 { font-size: 125%; } */

  div.homepage
  {
    margin: 1% 2%;
  }
  div.schedule
  {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 760px)
{
  div.schedule 
  { 
    width: 50%; 
    margin-left: auto;
    margin-right: auto;
  }
}