body{
  max-width:650px;
  margin:40px auto;
  padding:0 10px;
  font:18px/1.5 Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:#444
}
h1,h2,h3{
  line-height:1.2
}
h1:first-letter{
  font-size:150%
}
img{
  max-width:650px
}
a, a:visited{
  color:#e09
}
.nav{
  background-color:#eee;
  padding:18px
}
.nav a, .nav a:visited{
  padding:20px;
  text-transform:uppercase;
  text-decoration:none
}
.nav a:hover{
  background-color:#ddd
}
p#fleuron{
  text-align:center;
  font-size:32px
}
div#logos{
  float:right;
  width:35%;
  font-weight:bold
}
div#logos img{
  width:100%
}
div#luckor{
  width:65%
}
div#luckor a{
    display:inline-block;
    padding:20px
}
div#luckor a:hover{
  background-color:#dfd
}
div.wrapper{
    overflow:hidden
}
div#summary{
  padding:10px;
  hyphens:auto
}
div#qr{
  float:right;
  padding:20px;
  width:200px;
  font-size:14px
}
div#photo{
  float:right;
  padding:20px;
  width:340px
}
img#photo{
  max-width:340px;
  border:1px solid #666
}
div#content{
  padding:10px
}
div#content img, div#content video{
  max-width:100%;
  border:1px solid #666
}
div#content audio{
  width:100%
}
.noborders{
  border:0 !important
}
a#lucia{
  background-color:#fdd
}
.progress-container{
  background-color:#ddd;
  border:1px solid #aaa
}
.progress{
  display:inline-block;
  text-align:center;
  font-weight:bold;
  color:#eee;
  background-color:#e09
}