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, 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;font-size:100%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;}table{border-collapse:collapse;border-spacing:0;}img{max-width:100%;}a{text-decoration:none;}
/* Mobile */
html{background:url(../images/bg.jpg) center top repeat;background-size:cover;}
body{font-family: 'Open Sans', sans-serif;padding:0 1em;text-align:center;}
a.en{display:inline-block;color:#fff;background:rgba(88,88,88,0.7);padding:0.25em;float:right;}
header{padding:1em 0;}
header a{display:inline-block;margin:0 auto;}
a.cie {margin:2em auto;position:relative;display:inline-block;width:49%;vertical-align:top;background:rgba(88,88,88,0.4);}
h1, h2{color:#fff;text-transform:uppercase;background:rgba(88,88,88,0.8);width:100%;padding:1em 0;position:absolute;top:0;left:0;font-size:0.75em;}
div img.bg{z-index:-1;width:100%;}
div img{filter:alpha(opacity=100);opacity:1;}
p, a{color:#fff;}
main{text-align:left;}
main p{margin-top:1em; line-height: 1.3em;}
aside{margin-top:2em;border-top:solid #fff;padding:1.5em 0;}
p.number{font-weight:700;font-size:1.5em;}
p.iso{padding:1em 0;}
footer{padding:1em 0;}
footer p{font-size:0.8em;} 
/* CSS for desktops (1024px and above) */
@media only screen and (min-width: 64em) {
body{width:1150px;margin:0 auto;}
header{padding-top:7em;}
h1, h2{font-size:0.79em;font-weight:700;}
a.cie{width:24.25%;margin:1em 0 2em 0;}
div:hover img{filter:alpha(opacity=90);opacity:0.9;}
main{display:inline-block;width:68%;text-align:left;}
aside{display:inline-block;width:30%;margin-top:1em;padding-top:0;border-top:none;text-align:right;vertical-align:top;}
aside a{display:block;margin-top:0.25em;}
aside p {line-height: 1.4em;}
p.number{font-size:1.25em;}
p.iso{padding:2em 0;}
footer{margin-top:2em;border-top:solid #fff;padding:1.5em 0 4em 0;}
footer p{display:inline-block;width:49%;text-align:left;}
footer p.ymark{text-align:right;}
a:hover{text-decoration:underline;}
}      
@media only print{
	div img{width:30%}
	h1,h2,p,a, main p{color:#000;}
}