style.css

*{margin: 0; padding: 5px 0;}
body{font-family: 'Droid sans', Arial, sans-serif; text-align:center; background:#EEE}
h1, h2{font-family:'Droid sans', Arial, sans-serif; text-transform: uppercase}
ul{list-style-position:inside}
a img{border:none}
.schedule li {padding:0px;}
.center { text-align:center;}

ul ul{list-style-type: none}

html, body, #container{ padding: 0}

#container{max-width:960px; margin:auto; text-align: left;}

#logo {display: block; width: 406px; height: 150px; background:url('img/logoDemoJS_sd.png') 20px 15px ; background-repeat: no-repeat;}
#logo h1 {color: #5E8C6A}
#logo span {display: none;}

#content { background:#222; border-radius:0 25px;}
#content > * {margin: 0 20px; color: #EEE}
#content > h2 { color: rgb(255,103,1); margin-top: 20px;}
#content > h2:first-child { color: rgb(255,103,1); margin-top: 10px;}
#content a    { color:rgb(255,103,1); font-weight:bold;}
#content > p:last-child {margin-bottom: 10px}
#content iframe {width:100%; height:400px}

#registration iframe{height:auto; height:200px; }

#footer {margin: 20px 0 0 0; background-color: #AAA; padding: 10px 20px 0 20px; border-radius: 20px 0 0 0}
#footer ul {list-style-type: none;}

.veryBig{font-size:400%; vertical-align:top}
.left, .right{width:49%;}
.left{float:left}
.right{float:right; text-align:right}
.clear{clear:both}
hr.space{visibility:hidden; height:0; clear:both; padding:0; margin:0}
.shadow{
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 2px 3px rgba(0, 0, 0, .5);
}

div.moreInfos{ padding:0; overflow:hidden;
  -webkit-transition-duration:500ms;
  -moz-transition-duration:500ms;
  -o-transition-duration:500ms;
  transition-duration:500ms;
}

@media screen and (max-width:500px){
  .left, .right{float:none; text-align: left;width:100%;}
}