body{width:100%;margin:0 auto;text-align:center;font-family:verdana,georgia,arial;font-size:1em;line-height:1.8em;background:#1a1b1b;color:#e5e4e4}
header{background:url('/images/header-background.png');text-align:left;padding-left:3em}
h1{font-size:1.6em;text-align:center;font-style:italic;color:#c00b4f}
h2{font-size:1.4em}
h3{font-size:1.3em}
h4{font-size:1.2em}
h5{font-size:1.15em}
h6{font-size:1.1em;text-align:center;color:#aaa;margin-bottom:0}
h2,h3,h4,h5{text-align:left;color:#c00b4f}
img{border:0}
a{text-decoration:none;color:#c00b4f}
figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 339px;
    margin: auto;
}
figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}
section{text-align:center;background:white;color:black;padding:20px 10px;margin:100px auto}
#eurolive{width:800px;margin:0 auto}
#eurolive p{text-align:justify;margin:5px auto;padding:5px;line-height:21px}
#acces{margin:30px 0}
#acces p{text-align:center}
#acces a{padding:0 50px 0 50px;color:#F20;text-transform:uppercase;font-size:21px;font-weight:bold;color:#2A2}
footer{margin:0 auto;padding:20px 10px;background:#151515;color:#ccc;background: linear-gradient(#303030, #1a1b1b);}
.fb-like{margin-top:2em}

@viewport {width:device-width;zoom:1}
@media (max-width: 830px) {
    * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{width:100%;margin:0;padding:0;font-size:1em;line-height:1.5em}
h1{font-size:1.1em}
div,#eurolive,#acces,hr,header,footer{width:100%;margin:0;padding:5px}
#eurolive p{padding:5px 20px;line-height:25px}
h1,h2,h3,h4,h5,h6{margin-left:10px;text-align:left}
}

@media (max-width: 500px) {
    * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sepa{display:none}
.nav{display:block;line-height:2.1em;text-align:left;padding-left:20px}
}
@media (max-width: 320px) {
    * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#eurolive img{float:none;width:100%;height:auto}
}
@media (max-width: 270px) {
    * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
header a img{width:100%;height:auto}
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%}
}