@charset "UTF-8";
/* CSS Document */

body {background-color: #b4e398; font-family: Century Gothic, Helvetica, Arial, sans-serif; font-size: smaller}
h1   {font-size: 200%; text-align: center; margin: 10px}
h2   {font-size: 175%; margin: 10px; padding-bottom: 10px; border-bottom: 2px solid #0f8f7f}
h3   {font-size: 140%; margin-bottom: -50px; margin: 10px}
p    {font-size: 100%; line-height: normal; margin: 10px}

.speaker   {float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; border: 2px solid #0f8f7f}

#container {line-height: 100%; margin:0 auto; text-align: left; width: 900px; background-color: white; padding: 0px; border: 2px solid #0f8f7f}
#schedule  {width: 500px; margin: 0 auto; text-align: left; line-height: 100%; padding: 0px;}

#footer    {background: #ded9c2; text-align: center; height: 100%; overflow: hidden}
#footercontainer {width: 900px; margin: 0 auto;padding: 0;}
#footer #copy {position: relative; width: 750px; text-align: left; line-height: normal; margin: 10px; padding-left: 10px; display: inline;float: right;
border-left: 2px solid Black}
#footer #logo {position: relative; width: 75px; display: inline; float: left; margin: 10px; margin-left: 20px}

a:link  {color: black; text-decoration: none}
a:visited {color: black; text-decoration: none}
a:hover   {color: #0f8f7f; text-decoration: none}
a:active  {color: black; text-decoration: none}

@media only screen and (max-width: 768px) {
    #container, #container img, #schedule, #footer #copy, #footercontainer {width: 100%; float: none; margin: 0; padding: 0;}
    #schedule img {float: left; width: 100px; margin-right: 10px;}
    table, td, th, #footer a {display: block; width: 100%;}
    #footer {min-width: 100%;}
}