html,body,header,section,article,footer,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0}table {border-collapse:collapse;border-spacing:0}input {border:1px solid;padding:3px 5px 4px}address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal}ol,ul {list-style:none}caption,th {text-align:left}q:before,q:after {content:''}abbr,acronym {border:0;border-bottom:1px dotted}
@media all {
  *, *:before, *:after {
       -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }
}
html {
  min-height:100vh;
  overflow-y:scroll;
  font-size:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body {
  width:100%;
  font-size:1.25em;
  font-family:'Exo 2',arial,sans-serif;
  font-weight:200;
  line-height:1.45;
  color:#dedede;
  background-color:#000;
  background-attachment:fixed, fixed;
  background-repeat:no-repeat, no-repeat;
  background-size:cover, cover;
}
a,
a:link,
a:visited {
  color:#4598ff;
  text-decoration:none;
  border:none;
}
a:hover,
a:focus,
a:active {
  color:#fff;
  border-bottom:1px solid #7ba2e0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font:1em 'Exo 2',arial,sans-serif;
  font-weight:400;
  letter-spacing:-.025em;
  text-align:left;
  color:#007dff;
}
h1 {
  font-size:5.063em;
}
h2 {
  font-size:3.375em;
}
h3 {
  font-size:2.25em;
}
h4 {
  font-size:1.75em;
}
h5 {
  font-size:1.54em;
}
h5 {
  font-size:1.42em;
}
.contents h1,
.contents h2 {
  padding:.1em .3em;
  color:#eee;
}
img {
  border:none;
}
p {
  color:#ededed;
  text-align:left;
  font-weight:lighter;
  font-size:1.3em;
}
strong {
  color:#fefefe;
  font-weight:200;
}
small {
  font-size:.9em;
}
sup, sub {
  font-size:.7em;
}
b {
  font-weight:400;
}
em {
  font-style:italic;
  color:#fefefe;
}
header {
  overflow:hidden;
}
div p:first-of-type  {
  margin-top:1em;
}
div p + p {
  margin-top:1.5em;
}
.review article p + h4 {
  margin-top:1.5em;
}
header[role="banner"] {
  width:100%;
  padding-bottom:1em;
}
header[role="banner"] > a {
  border:none;
  padding:0;
}
header[role="banner"] img {
  max-width:90%;
  margin:auto 5%;
}
.home article.headline h1 + p,
.review article h1 + p {
  font-size:2.4rem;
  margin:0 0 .2rem 2.4rem;
}
.review article h1 + p {
  margin-left:1.6rem;
}
article.column h2 + p {
  font-size:1.4rem;
  padding:0;
  margin:-.125em 0 .25em .5em;
}
nav.site {
  display:flex;
  margin:0;
  padding:0;
}
.site ul {
  position:fixed;
  display:block;
  margin:0;
  padding:.2em;
}
.site li {
  margin:1em 0;
  padding:0;
}
.site li:first-of-type {
  margin-top:0;
}
.site li a {
  border:none;
  clear:both;
  font-variant:small-caps;
  margin:0;
  padding:0 .3em .15em .3em;
  text-align:left;
  text-transform:lowercase;
  border-radius:.025em;
}
.site li a:link,
.site li a:active,
.site li a:visited {
  color:#dedede;
}
.site li a:hover,
.site li a:focus {
  color:#fff;
}
.site li.sel a {
  color:#000;
  font-weight:400;
  background-color:#fafafa;
  background-color:rgba(255,255,255,.9);
}
.contents article {
  margin:0 auto 2em auto;
  padding:0;
  width:100%;
  background-color:rgba(0,0,0,.7);
  border:.5em solid rgba(0,0,0,.9);
-webkit-transition:all 1s ease;
    -ms-transition:all 1s ease;
        transition:all 1s ease;
}
.contents article:hover {
  background-color:rgba(0,0,0,1);
}
.home article {
  position:relative;
}
.home h2,
.home h3,
.home h4,
.home h5 {
  margin:0;
  padding:0;
}
.home article header a,
.home article header a:link,
.home article header a:visited,
.home article header a:hover,
.home article header a:focus,
.home article header a:active {
  border:none;
  outline:none;
  text-decoration:none;
  padding:0;
  margin:0
}
.home article header + p,
p.first-par {
  color:#fff;
}
.home article header + p {
  margin:0;
  padding:1em;
  font-size:140%;
  background-color:#111;
  background-color:rgba(0,0,0,.75);
}
p.first-par {
  margin:0 .6em;
  font-size:170%;
}
.home p span {
  display:block;
	margin:2em 0 0 1em;
  padding-left:.4em;
  font-size:75%;
  background-color:#007dff;
  border-radius:.05em;
}
html:lang(en) .home p span {
  width:6em;
} 
html:lang(it) .home p span {
  width:11em;
}
.home p span:after {
  margin-left:.5em;
  content:"→"
}
.home a:hover h1,
.home a:hover h2 {
  background-color:#007dff;
}
.home a:hover p span {
  color:#2249dd;
  background-color:#dadada;
}
.meta {
  display:block;
  margin:0 0 .3em 1.2em;
  font-size:75%;
}
html:lang(en) .meta:before {
  color:#dadada;
  content:"by ";
}
html:lang(it) .meta:before {
  color:#dadada;
  content:"di ";
}
.meta time:before {
  color:#dadada;
  content:" — ";
}
.meta time:after {
  color:#dadada;
  content:" — ";
}
article header > figure {
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  margin:0;
  text-align:center;
}
article header > figure {
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  margin:0;
  text-align:center;
}
article header > figure {
  border-top:.4em solid rgba(0,0,0,.9);
}
article header > figure img {
  max-width:100%;
  margin:0 auto;
  padding:0;
}
img.ec {
  position:absolute;
  top:-2px;
  right:-9px;
  background-color:transparent;
  width:20%;
  max-width:90%;
}
.headline header + figure {
  float:right;
  position:relative;
  display:block;
  overflow:hidden;
  width:100%;
  margin:0;
  text-align:center;
}
.headline header + figure figcaption {
  position:relative;
  top:0;
  margin:0;
  padding:0;
  height:1em;
}
header + figure figcaption small {
  position:relative;
  top:-.125em;
  color:#fdfdfd;
  margin:0;
  padding:0 0 1em;
  font-size:95%;
}
article header > figure figcaption {
  position:absolute;
  top:0;
  width:100%;
  height:3em;
  background-color:rgba(0,0,0,.8);
}
article header > figure figcaption p {
  padding-top:.75em;
  text-align:center;
}
.contents aside {
  padding-bottom:.5em;
}
aside.contact {
  clear:both;
  padding-top:2em;
}
.contact strong {
  font-size:120%;
}
.contact p {
  float:left;
  clear:none;
  width:auto;
  min-width:33%;
  max-width:49%;
}
.contact img {
  max-width:40%;
  float:right;
}
.review article h4 {
  margin-top:0;
}
.review article h3,
.review article h4,
.review article h5 {
  margin:2em 1em 1em .6em;
}
.contents aside h4 {
  margin:0;
  margin-left:.6em;
  padding:.3em 0 0 0;
}
.review article h4 {
  margin-top:.5em;
  margin-bottom:1em;
}
article > h4 {
  margin-top:0;
}
.contents p {
  margin-left:1em;
  margin-right:1em;
} 
.intro p span {
  display:inline;
  font-size:128%;
}
.article-list > h3 {
  line-height:1;
  margin-bottom:.5em;
  padding-top:.5em;
}
.article-list {
  clear:both;
  display:block;
  overflow:visible;
  padding-top:2em;
  text-align:left;
}
.article-list article {
  margin:0 0 1.5em;
  padding:0 0 1em;
}
.article-list article h4 {
  display:block;
  width:100%;
}
.article-list a {
  border:none;
  padding-left:.3em;
  width:100%;
}
.article-list p {
  margin-left:1em;
}
.foot {
  clear:both;
  width:100%;
  padding:.25em 0 4em 0;
  text-align:center;
  font-size:.65em;
}
.foot p {
  width:auto;
  text-align:center;
  margin:0 auto;
  margin-bottom:.5em;
  padding:0 .3em .1em;
  border-radius:.05em;
}
.foot p + a {
  display:block;
  margin:0 auto;
  max-width:34px;
}
.foot a,
.foot a:link,
.foot a:active,
.foot a:visited,
.foot a:focus,
.foot a:hover {
  border-bottom:none;
}
.foot img {
  width:3em;
}
.site a:focus,
.site a:hover,
.site a:active {
  background-color:#007dff;
}
.side-menu {
  background:rgba(10,10,10,.5);
}
.activities figcaption {
  background-color:rgba(255,255,245,.7);
}
.logo {
  border:.3em;
  background-image:url("/img/logo.png");
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:contain;
}
.no-text {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  font:1px/1;
  text-shadow:none;
  color:transparent;
  width:0;
  height:0;
  margin-top:.3em;
}
.flex-container {
  position:relative;
  display:flex;
  width:100%;
  margin:0;
  /*background-color:rgba(0,0,0,.5);*/  
}
nav.site ul {
  display:block;
  margin:3em 1em 0 1em;
}
.flex-column {
  flex:1;
}
.topmenu {
  display:block;
  width:100%;
  clear:both;
  margin-bottom:1em;
}
figure.ill {
  display:block;
  float:left;
  clear:none;
  margin:0 1em .3rem;
  max-width:25%;
  min-width:180px;
}
figure.ill figcaption p {
  margin:0;
  padding:0;
}
figure.ill figcaption p a {
  display:block;
  width:100%;
  margin-top:0;
  font-size:75%;
  text-align:center;
}
figure.ill figcaption p a:hover {
  background-color:#007dff;
}
figure.ill img {
  max-width:100%;
  border:.3em solid #777;
  padding:0;
  margin:0;
}
figure.people {
  display:block;
  margin:0 auto;
  width:100%;
  max-width:100%;
}
figure.people img {
  width:97%;
  max-width:100%;
  border:.4em solid rgba(0,0,0,.9);
  padding:0;
  margin:0 1.5%;
}
figure.people figcaption {
  position:relative;
  top:-3.5em;
  height:3em;
  margin:0;
  padding:0;
}
figure.people figcaption p {
  width:97%;
  font-size:2em;
  background-color:rgba(0,0,0,.75);
  padding:0 .5em;
  margin:0 1.5%;
  text-align:center;
}
.photo {
  max-width:158px;
  float:left;
  clear:none;
  margin:1.75em 1em 0 2em;
}
.photo img {
  max-width:100%;
  border:.3em solid #777;
  padding:0;
  margin:0
}
.news figure.ill {
  margin-top:2rem;
}
.news h4 + figure.ill {
  margin-top:1rem;
}
.first-par + figure.ill + p, 
.news figure.ill + p + figure.ill + p,
.news figure.ill + div + p + figure.ill + div + p {
  margin-top:2rem;
}
article p a
article p a:link,
article p a:focus,
article p a:active,
article p a:visited,
article p a:hover {
  display:inline;
  text-decoration:none;
  border:none;
}
.ill.vert {
  max-width:12.5%;
  min-width:120px;
}
figure.r {
  float:right;
  margin:.3rem 1.5em 0 1em;
}
a[rel="external"] {
  padding-right:4px;
}
a[rel="external"]:after {
  position:relative;
  top:-8px;
  right:-4px;
  content:url("/img/external-link.png");
}
article p a[rel="external"]:hover {
  border-bottom:1px solid #7ba2e0;
  color:#fff;
}
div p {
      -moz-hyphens:auto;
   -webkit-hyphens:auto;
           hyphens:auto;
}
figcaption p {
      -moz-hyphens:none;
   -webkit-hyphens:none;
           hyphens:none;
}
.techspec {
  background-color:#ddd;
  color:#000;
  padding:.125em .5em 0 0;
}
.techspec small {
  font-weight:normal;
}
.review article aside.techspec h4 {
  margin:0;
  padding:0;
}
.techspec dl {
  display:block;
  margin-left:1em;
}
.techspec dt,.techspec dd {
  display:inline;
}
.techspec dt {
  font-weight:bold;
  margin-right:.25em;
}
.techspec dd {
  font-weight:normal;
}
.techspec dd:after {
  margin:0 .3em 0 .5em;
  color:#007dff;
  content:"●";
}
.techspec dd:last-of-type:after {
  content:"";
}
.techspec hr {
  width:99%;
  margin:0 0 1em 1%;
  border:none;
  height:1em;
  border-bottom:3px solid #000;
}
.score {
  margin:0 10% 1em 10%;
}
.score li:last-of-type {
  margin-top:1em;
  padding-top:.5em;
  border-top:1px dotted #444;
}
.score li > span {
  vertical-align:top;
}
.score li > span:not(.no-text){
  width:100%;
}
.score span.no-text {
  display:inline-block;
  width:auto;
  width:7em;
}
.ruler {
  width:100%;
  text-align:right;
  border-bottom:1px dotted #555;
  margin:0;
  margin-bottom:.3em;
}
.ruler > span {
  float:left;
  text-align:left;
}
.ruler > span + span {
  float:right;
  text-align:right;
}
meter {
  width:100%;
  height:1.333em;
  margin-bottom:.333em;
  background:none;
  background:#555;
  background:rgba(0,0,0,.1);
}
meter::-webkit-meter-bar {
  background:none;
  background:#555;
  background:rgba(0,0,0,.1);
}
meter::-webkit-meter-even-less-good-value {
  background:red;
}
meter::-webkit-meter-suboptimum-value {
  background:orange;
}
meter::-webkit-meter-optimum-value {
  background:#007dff;
}
meter::-moz-meter-bar {
  background:none;
  background-color:#555;
}
meter[value="0"]::-moz-meter-bar {
  background-color:black;
}
meter[value="1"]::-moz-meter-bar {
  background-color:red;
  background:linear-gradient(to right, #000000 0%,#46008a 100%);
}
meter[value="2"]::-moz-meter-bar {
  background-color:red;
  background:linear-gradient(to right, #000000 0%,#46008a 50%,#4400d6 100%);
}
meter[value="3"]::-moz-meter-bar {
  background-color:orange;
  background:linear-gradient(to right, #000000 0%,#46008a 33.3%,#4400d6 66.6%,#220deb 100%);
}
meter[value="4"]::-moz-meter-bar {
  background-color:orange;
  background:linear-gradient(to right, #000000 0%,#46008a 25%,#4400d6 50%,#220deb 75%,#0094de 100%);
}
meter[value="5"]::-moz-meter-bar {
  background-color:green;
  background:linear-gradient(to right, #000000 0%,#46008a 20%,#4400d6 40%,#220deb 60%,#0094de 80%,#00b701 100%);
}
meter[value="6"]::-moz-meter-bar {
  background-color:green;
  background:linear-gradient(to right, #000000 0%,#46008a 16.6%,#4400d6 33.2%,#220deb 49.8%,#0094de 66.4%,#00b701 83%,#a6d500 100%);
}
meter[value="7"]::-moz-meter-bar {
  background-color:green;
  background:linear-gradient(to right, #000000 0%,#46008a 14.3%,#4400d6 28.6%,#220deb 42.9%,#0094de 57.2%,#00b701 71.5%,#a6d500 85.8%,#e9be00 100%);
}
meter[value="8"]::-moz-meter-bar {
  background-color:#007dff;
  background:linear-gradient(to right, #000000 0%,#46008a 12.5%,#4400d6 25%,#220deb 27.5%,#0094de 50%,#00b701 62.5%,#a6d500 77.5%,#e9be00 90%,#fd8d00 100%);
}
meter[value="9"]::-moz-meter-bar {
  background-color:#007dff;
  background:linear-gradient(to right, #000000 0%,#46008a 11.1%,#4400d6 22.2%,#220deb 33.3%,#0094de 44.4%,#00b701 55.5%,#a6d500 66.6%,#e9be00 77.7%,#fd8d00 88.8%,#fc2300 100%);
}
meter[value="10"]::-moz-meter-bar {
  background-color:#007dff;
  background:linear-gradient(to right, #000000 0%,#46008a 10%,#4400d6 20%,#220deb 30%,#0094de 40%,#00b701 50%,#a6d500 60%,#e9be00 70%,#fd8d00 80%,#fc2300 90%,#c90d00 100%);
}
ol.score li:last-of-type {
  border:none;
  margin:0;
  padding:0;
}
.interview {
}
.qst {
  font-weight:bold;
  margin-bottom:-1em;
}
article ul {
  margin:0 0 2em 1em;
}
article ul li span {
  display:inline-block;
  width:7em;
}
.categories-tags {
  display:block;
  margin-top:1em;
  font-size:.9rem;
}
.categories h4, .tags h4,
div.categories, div.tags {
  display:inline;
}
/*div.categories:after {
  content:" — ";
}*/
.categories a,
.tags a,
.article-index a {
  color:#73B1FF;
}
.article-index {
  width:100%;
  margin:0 1em;
  padding:0;
}
.contents .article-index h4 {
  margin-left:0;
  margin-bottom:1em;
}
.article-index ul,
.article-index ol {
  margin:1.5em 0 -1em 3em;
  padding:0;
  font-size:1.3rem;
}
.long {
  list-style-type:decimal;
  position:relative;
  left:2em;
  margin-bottom:1em;
   -moz-column-width:12em;
-webkit-column-width:12em;
}
.article-index hr {
  width:80%;
  margin:0 7.5%;
  border:none;
  height:1px;
  border-bottom:1px solid #007dff;
} 
.index h1,
.index h2,
.index h3 {
  text-align:center;
  color:#cdcdcd;
  margin:0 auto 1em auto;
}
.index h1 {
  font-size:250%;
  margin-bottom:0;
}
.index h2 {
  font-size:200%;
  margin-bottom:2em;
}
.index h3 {
  font-size:150%;
  margin-top:0;
  margin-bottom:2em;
}
.index p {
  font-size:1.3rem;
  text-align:center;
  width:50%;
  margin:0 25%;
}
.index p:first-of-type {
      -moz-hyphens:none;
   -webkit-hyphens:none;
           hyphens:none;
}
.index nav {
  width:100%;
  margin:0;
  padding-bottom:2em;
}
.index nav ul,
.index nav ul li {
  list-style-type:none;
}
.index li {
  margin-bottom:1em;
  padding:.1em 6em;
  text-align:left;
  border-bottom:1px dotted #444;
}
.index nav a {
  padding:.4em .8em .5em .2em;
  width:100%;
  border-bottom:none;
}
.index nav a strong[class="brand-name"]:before {
  margin:0 .5em 0 .3em;
  font-size:75%;
  color:#dadada;
  content:"•";
}
.index ol {
  margin:0;
  padding:0;
  counter-reset:section;
  list-style-type:none;
}
.index ol li {
  list-style-type:none;
  margin:0 10% 1em 10%;
  padding:0;
  width:80%;
}
.index ol li:before {
  content:counters(section, '.');
  counter-increment:section;
  float:right;
  padding-top:.2em;
  padding-right:.2em;
  font-size:125%;
  color:#fff;
}
.index ol li a {
  display:block;
  width:100%;
  padding:0;
  border:none;
  padding-left:.2em;
	text-align:left;
  font-size:150%;
}
.index ol li a:hover {
  color:#fff;
}
.index ol li a:hover > strong {
  color:#007dff;
}
.index hr {
  display:block;
  width:30%;
  margin:1em auto;
  border:none;
  border-bottom:1px dotted #444;
}
.articles-index article.column:nth-child(odd),
.articles-index article.column:nth-child(even) {
  margin:2em 10% 0 10%;
  padding:0 .25em 0 .45em;
}
.articles-index article.column:last-of-type {
  margin:2em 10% 4em 10%;
}
.articles-index article.column {
  position:relative;
  display:block;
  clear:both;
  max-width:80%;
  height:auto;
  overflow:hidden;
  border:none;
}
.articles-index article.column > a {
}
.articles-index article.column header {
  float:left;
}
.articles-index header h1 {
  text-align:center;
  padding:0;
  margin:0;
}
.articles-index header h1 + p {
  max-width:60%;
  text-align:center;
  margin:0 20%;
  margin-bottom:1em;
}
.articles-index header h2 + p {
  padding:0;
  margin:-.25em 0 .25em .25em;
}
.articles-index a:hover h2 {
  color:#007dff;
}
.articles-index .column figure {
  position:static;
  float:right;
  max-width:12%;
  margin:.75em .5em .5em 0;
  padding:0;
}
.articles-index .column figure > img {
  position:static;
  max-width:100%;
  margin:0;
  padding:0;
  border:.187em solid #444;
}
.articles-index .column time {
  margin-left:.4em;
  color:#fafafa;
}
span.totop a,
span.toindex a {
  color:#fff;
  border:none;
  text-decoration:none;
}
span.totop a:hover,
span.toindex a:hover {
  color:#007dff;
}
span.totop,
span.toindex {
  display:block;
  clear:both;
  margin:0 auto;
  min-height:1em;
  text-align:center;
  background-color:#007dff;
  border-radius:.05em;
}
html:lang(en) span.totop,
html:lang(en) span.toindex {
  width:5em;
}
html:lang(it) span.totop,
html:lang(it) span.toindex {
  width:7em;
}
span.totop:hover,
span.toindex:hover {
  color:#f0f0f0;
  background-color:#f0f0f0;
}
span.totop:hover a,
span.toindex:hover a {
  color:#007dff;
}
span.totop,
span.toindex {
  margin:2em auto 1em auto;
}
.latest-articles + span.totop {
  margin:3em auto 2em auto;
}
blockquote {
  position:relative;
  margin:2em 3em;
  padding:0;
  background-color:#dadada;
  background-color:rgba(225,225,225,.9);
  border-left:.75em solid #888;
  border-bottom:.75em solid #888;
  border-radius:.05em;
}
blockquote:before,
blockquote:after {
  position:absolute;
  font-size:800%;
  color:#777;
}
blockquote:before {
  top:-.375em;
  left:-.4em;
  content:"“";
}
blockquote:after {
  bottom:-.935em;
  right:-.3em;
  content:"”";
}
html:lang(it) blockquote:before,
html:lang(it) blockquote:after {
  font-size:400%;
}
html:lang(it) blockquote:before {
  top:-.65em;
  left:-.65em;
  content:"«";
}
html:lang(it) blockquote:after {
  bottom:-.56em;
  right:-.45em;
  content:"»";
}
blockquote p {
  margin:0;
  padding:.5em 0;
  font-size:1.2rem;
  font-weight:400;
  color:#000;
}
blockquote p + p {
  margin-top:.5em;
}
.playlist {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:space-around;
  width:100%;
}
.playlist:first-of-type {
  margin-top:2em;
}
.playlist:last-of-type {
  margin-bottom:2em;
}
.playlist > div {
  flex:1;
  align-items:center;
  margin:1em;
}
.playlist > div a {
  width:100%;
  font-size:75%;
  text-align:center;
  display:block;
}
.playlist > div a:hover {
  border:none;
}
.playlist > div a[rel="external"]:after {
  content:"";
}
.playlist > div img {
  max-width:100%;
}
.playlist > div a span {
  display:block;
  width:100%;
}
.playlist > div a img + span {
  font-size:140%;
  color:#ddd;
}
.news p div {
  float:left;
  clear:none;
  margin:.3rem 1em 0;
  max-width:25%;
  min-width:170px;
}
.news p div img {
  max-width:100%;
}
.site-language {
  position:absolute;
  top:.25em;
  right:1em
}
header .site-language li {
  display:block;
  float:right;
  clear:both;
  padding:1px;
  margin:0;
  border:none;
}
.site-language a,
.site-language a:link,
.site-language a:active,
.site-language a:visited,
.site-language a:focus,
.site-language a:hover {
  border-bottom:none;
}
.site-language a {
  outline:none;
}
.site-language li:first-of-type {
    width:2rem;
    height:1rem;
    margin-bottom:.5rem;
  }
  .site-language li:last-of-type {
    width:2rem;
    height:1.5rem;
  }
  .site-language li a {
    width:2rem;
    height:auto;
    min-height:1rem;
  }
   .site-language li a img {
    width:2rem;
    max-width:2rem;
    opacity:.5;
  }
  .site-language li a:hover img {
    opacity:1;
  }
.pg {
  width:100%;
  margin:2em 0;
  padding:0 1em;
}
.pg figure {
  max-width:100%;
  margin:2em 0;
  position:relative;
  background:#000;
}
.pg figure img {
  max-width:100%;
  opacity:.3;
  -webkit-transition:opacity 0.3s ease;
      -ms-transition:opacity 0.3s ease;
          transition:opacity 0.3s ease;
}
.pg figure figcaption {
  display:table;
  position:absolute;
  top:40%;
  width:100%;
  height:100%;
}
.pg figure figcaption p {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  font-size:3vw;
  opacity:1;
  -webkit-transition:opacity 0.3s ease;
      -ms-transition:opacity 0.3s ease;
          transition:opacity 0.3s ease;
}
.pg p:after {
content:" →"
}
.pg a:hover figure figcaption p {
  opacity:0;
}
.pg a:hover figure img {
  opacity:1;
}
#toggle {
  position:fixed;
  z-index:2;
}
#toggle > a {
  position:absolute;
  margin-left:.25rem;
  margin-top:.125rem;
  border:none;
  text-decoration:none;
  font-weight:200;
  font-size:1.6rem;
  opacity:.45;
}
#toggle a:hover {
  opacity:1;
}
#menu-main {
    overflow:hidden;
    max-height:0;
    width:0;
    opacity:0;
-webkit-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
        transition:all .4s ease-out;
}
.gmap {
  display:block;
  width:100%;
  margin:2em 1%;
  height:auto;
  border:.3em solid #777;
}
/* Icon font */
@font-face {
  font-family:'fontello';
  src:url('/font/fontello.eot?50060964');
  src:url('/font/fontello.eot?50060964#iefix') format('embedded-opentype'),
       url('/font/fontello.svg?50060964#fontello') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'fontello';
  src:url('data:application/octet-stream;base64,d09GRgABAAAAAA3sAA4AAAAAFhwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPgJI3mNtYXAAAAGIAAAAOgAAAUrQFhm3Y3Z0IAAAAcQAAAAUAAAAHAaL/1JmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAARNAAAFpKOkP21oZWFkAAALLAAAADYAAAA2AVsjU2hoZWEAAAtkAAAAHgAAACQHlwNSaG10eAAAC4QAAAAcAAAAHBgQAABsb2NhAAALoAAAABAAAAAQA8gFhG1heHAAAAuwAAAAIAAAACABcwoSbmFtZQAAC9AAAAF3AAACzcydGhxwb3N0AAANSAAAAEsAAABeR4D+UnByZXAAAA2UAAAAVgAAAFaSoZr/eJxjYGQuYJzAwMrAwVTFtIeBgaEHQjM+YDBkZGJgYGJgZWbACgLSXFMYHF4wvGBlDvqfxRDFrMNQABRmBMkBAONFC154nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF6w/v8PUvCCAURLMELVAwEjG8OIBwBpWAazAAB4nGNgQANGDEbMOv8ngDAAETgD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icnVRNbBtFFH5vZv+8sZ1Ze7zrvzrrtbPerF3XXXs3URRSE0oTUdq6aQ8xEVEPFqpChDghDpxQD4hTxCGKKg6cUA4V4sABoYoDB1RVESfOqEdOPfSAqih2mHWKqMSN0cz3Zt88Pc3b73sDFMQgj8kWzIAFNXizvwpURQKUbCsIgBLgtoaSLEu3hJHkOyBL8nohn0oizJXztYKTZUkrZaoSzKCemG1iYHKlVnXcXtQNp1ideozX/ORLs1zh4yNeKZvxIlvx978+3K94FTFH52by+7kVV6Vnp2f79CFtgQZZWID3++8lkZKak7ckWSVroCqyosr3xS0VWfoAKCgqVbYTSAjc0URB+lu6KAPvAuIMXs1xPYHg1u1KqcAXcgssncjqWVkCDbUZUUsEGZCAgOUoOcXsBlHYo0G02FBqzhWMao6iWlE3mEUFf/0ZmTL5a/Jg8lzB5Au/TRzbbf9Q2etlOvm07hc7lU+WWM9MJutF6pPJy/NIHT/DzEGnWLZb9vL4u14vX3e/ubfcLjrO4X1RL4p6j+kX5AUUwe83JASZyEDuU0SCH4LYyrdAlsltsSFv81rVqIurNtFUmmjwNAqsGTXHDWNYxCiw6KdMN++SNDs+/qWcvmvqDPdZi+GAmZOn6XQSo8lTzjEyGX7FWCwPHeDsa2pTG2bFP7egBHNCKQ1owiXowuT69/5gq3+jMEO0PCZULTG0UNVRSanKMF0kqdIsScqp5DBjEvlClkiGLA3LaACjBhtCzAuf8pJDSvHOOS+l/u3YSTQgw/+XWGRDpDf+SUpxfdjf7HRaLc+r1227XM7nOWcModPtdIPLrUutS+2LXtNr+gv1Rr3hzts1u+ZUy3PlucqFfClfKha4xS0zx7IsmzESCsxiujKVe844F3ZoCGmjUTXmc7VQrDdIN9cQWyteYfcCqYbzYTdHHvvLy/74yFtZ8cjW+Ah3TnD/yZOTg9Ho4GTyMbZG1BbnV6fnIvb0GXk8vnoSBE+CIBiNRiI0iMfBFOP2Ffz8RDcogRaEcL2/sVAkFJt5TiRCMxIBQtfma3ZFwv5sStckuAIo+hvptiQaHcgtadodcaL19sXg8sWwHTrVksyayC1FdVUlRkd1G5EbQ9hrRIvmYhRjsGhaimXGiEHUcx2Fm+TlIGleW4u412o/arc8vreZ5pubPP3OasR9X/h8n0dr18zkYPLo3d3dw91d3NkIPD+zunyTs81Nxgcf8eJSb7DRWypmVpcGIlKkvLm8mvG94Ax2D/f2DneF+OHsN/oneS50WXilyJ3+tjwjqtE0ck9CmlAS9J4ulKQlQBumMCGeg4QyTKKKqN4QRo3FoeJ6rApDqOF1BTjV+HliBaNwznb6v2xbcb3dIOy56ivrKLECMKzm6IOY59NnMY+fM9NkrvkwBtuk/ukf1Bl/S56veOOjOIpseSs7ZsV0Ga+zGM3xj3g86ZHyysrfEfvpQwAAAAABAAAAAQAA5Tkj8F8PPPUACwPoAAAAAM8sC/kAAAAAzyvTuf/8/5AD6AMsAAAACAACAAAAAAAAeJxjYGRgYA76n8UQxfyCgeH/DyAJFEEB7ACQuwXvAAAD6AAAArwAAAOYAAADhAAAAyAAAANIAAAD6AAAAAAAAABYANABEgHiAl4C0gABAAAABwA2AAoAAAAAAAIAPABJAG4AAAC3CZEAAAAAeJx1kMtqwkAUhv/x0otCW1rotrMqSmm8YDeCIFh0026kuC0xxiQSMzIZBV+j79CH6Uv0WfqbjKUoTZjMd745c+ZkAFzjGwL588SRs8AZo5wLOEXPcpH+2XKJ/GK5jCreLJ/Qv1uu4AGB5Spu8MEKonTOaIFPywJX4tJyARfiznKR/tFyidyzXMateLV8Qu9ZrmAiUstV3IuvgVptdRSERtYGddlutjpyupWKKkrcWLprEyqdyr6cq8T4cawcTy33PPaDdezqfbifJ75OI5XIltPcq5Gf+No1/mxXPd0EbWPmcq7VUg5thlxptfA944TGrLqNxt/zMIDCCltoRLyqEAYSNdo65zaaaKFDmjJDMjPPipDARUzjYs0dYbaSMu5zzBkltD4zYrIDj9/lkR+TAu6PWUUfrR7GE9LujCjzkn057O4wa0RKskw3s7Pf3lNseFqb1nDXrkuddSUxPKgheR+7tQWNR+9kt2Jou2jw/ef/fgDdX4RLAHicbcFRCoAgEAXAt2pK0VU6VOhWQu6KEV6/j36dgcFvwVgAyJAlRxN5Cq6wvGuWQ7eYW7w5uUsLz8L9qXvlZqOevmdJ2oEPh7gQDgBLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA') format('woff'),
       url('data:application/octet-stream;base64,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') format('truetype');
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  margin-right:.2em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  margin-left:.2em;
}
.icon-menu:before {
  content:'\e800';
}
.icon-info-circled:before {
  content:'\e801';
}
.icon-home:before {
  content:'\e802';
}
.icon-newspaper:before {
  content:'\e803';
}
.icon-cog:before {
  content:'\e804';
}
.icon-window:before {
  content:'\e805';
}
/* Lightbox */
.lightbox-target {
  position:fixed;
  top:-100%;
  left:0;
  background:rgba(0,0,0,.7);
  width:100%;
  overflow:hidden;
  opacity:0;
-webkit-transition:opacity .5s ease-in-out;
    -ms-transition:opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out;
}
.lightbox-target img {
  z-index:100;
  margin:auto;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  max-height:0%;
  max-width:0%;
  border:3px solid white;
  box-shadow:0 0 8px rgba(0,0,0,.3);
-webkit-transition:.5s ease-in-out;
    -ms-transition:.5s ease-in-out;
        transition:.5s ease-in-out;
}
a.lightbox-close {
  z-index:101;
  display:block;
  width:3em;
  height:2em;
  color:white;
  text-decoration:none;
  position:absolute;
  top:-4em;
  right:0;
-webkit-transition:.5s ease-in-out;
    -ms-transition:.5s ease-in-out;
        transition:.5s ease-in-out;
}
a.lightbox-close:before {
  z-index:102;
  content:"";
  display:block;
  height:1.5em;
  width:.15em;
  background:silver;
  position:absolute;
  left:1.3em;
  top:.5em;
-webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg);
}
a.lightbox-close:after {
  z-index:103;
  content:"";
  display:block;
  height:1.5em;
  width:.15em;
  background:silver;
  position:absolute;
  left:1.3em;
  top:.5em;
-webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
}
a:hover.lightbox-close:before,
a:hover.lightbox-close:after {
  color:white;
}
a.lightbox-close:hover {
  border:none;
}
.lightbox-target:target {
  z-index:104;
  opacity:1;
  top:0;
  bottom:0;
}
.lightbox-target:target img {
  z-index:105;
  max-height:100%;
  max-width:100%;
}
.lightbox-target:target a.lightbox-close {
  top:0;
}
span.ec {
    display:inline-block;
    margin:0 0 1em 10%;
    text-align:center;
    font-weight:400;
    font-size:1.75rem;
    padding:0 .25em;
    color:#fff;
    background-color:#007dff;
}
.fb-like {
  display:block;
  width:94px;
  height:40px;
  min-width:47px;
  min-height:20px;
  margin:1em 0 0 10%;
}
.fb-like {
  -ms-transform:scale(1.5); 
  -webkit-transform:scale(1.5); 
  -o-transform:scale(1.5); 
  -moz-transform:scale(1.5);
  transform:scale(1.5);
  -ms-transform-origin:bottom left;
  -webkit-transform-origin:bottom left;
  -moz-transform-origin:bottom left;
  -webkit-transform-origin:bottom left;
  transform-origin:bottom left;
}
.sm {
  position:relative;
  top:-2em;
  float:right;
  display:inline-block;
  width:2em;
  height:2em;
  }
/* Media queries */
@media all and (max-width:16em) {
  html {
    font-size:75%;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:6vh;
  }
  body {
    background-image:none;
    background-color:#000;
  }
  div.flex-container,
  nav.site,
  div.flex-column,
  div.foot {
    flex:none;
    display:block;
  }
  header[role="banner"] img {
    max-width:75%;
    margin:auto 12.5%;
  }
  header .site-language {
    right:1px;
  }
  #menu-main {
    overflow:hidden;
    max-height:0;
    opacity:0;
-webkit-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
        transition:all .4s ease-out;
  }
  #slidebox:target #menu-main {
    height:auto;
    max-height:100%;
    opacity:1;
  }
  #slidebox:target .top {
    opacity:0;
    pointer-events:none;
  }
  nav.site {
    flex:none;
    display:block;
    clear:both;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
  }
  .site ul {
    position:static;
    width:100%;
    min-width:100%;
    height:auto;
  }
  .home article header + p {
    position:static;
  }
  .home article .meta,
  .home article .meta > span {
    display:block;
  }
  .home article.headline .meta {
    margin-left:2px;
    font-size:1.2rem;
  }
  article.column .meta {
    margin-left:2px;
    font-size:1.2rem;
  }
  html:lang(en) .meta:before,
  html:lang(it) .meta:before,
  .meta time:before,
  .meta time:after {
    content:"";
  }
  .playlist {
    flex-direction:column;
    justify-content:space-around;
    width:100%;
  }
  .sm {
    position:static;
    top:1em;
  }
}
@media all and (max-width:49.999em) {
  html {
    font-size:80%;
  }
  h1,h2 {
    font-size:7vh;
  }
  h3,h4,h5,h6 {
    font-size:7vh;
  }
  body {
    background-image:none;
    background-color:#000;
  }
  div.foot {
    flex:none;
    display:block;
  }
  header[role="banner"] img {
    width:75%;
    max-width:75%;
    margin:auto 12.5%;
    display:block;
    clear:both;
  }
  header .site-language {
    top:1em;
    right:.65em;
  }
  header .site-language li {
    display:block;
    float:right;
    clear:both;
    margin:0;
    padding:0;
  }
  header .site-language li + li {
    margin-top:.65em;
  }
  #menu-main {
    overflow:hidden;
    max-height:1px;
    opacity:0;
-webkit-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
        transition:all .4s ease-out;
  }
  #slidebox:target #menu-main {
    height:auto;
    width:auto;
    max-height:100%;
    opacity:1;
  }
  .bot:target #menu-main {
    overflow:hidden;
    max-height:0;
    opacity:0;
  }
  #slidebox:target .top {
    opacity:0;
    pointer-events:none;
  }
  nav.site {
    flex:none;
    display:block;
    clear:both;
    width:100%;
    min-width:100%;
    max-width:100%;
  }
  .site ul {
    position:static;
    width:100%;
  }
  div.flex-container {
    display:block;
    width:100%;
    clear:both;
    flex:none;
  }
  .flex-column {
    display:block;
    position:static;
    flex:none;
  }
  .home article + hr {
    border:none;
    width:98%;
    margin:0 1%;
    padding:0;
    border-top:6px solid #007dff;
    border-top-color:rgba(0,125,255,.5);
  }
  .home article header + p {
    position:static;
  }
  .home article.headline {
    display:block;
    width:100%;
  }
  .home article.headline figure {
    float:right;
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
  }
  .home article.headline figure img {
    width:100%;
    max-width:100%;
  }
  .home article.headline figure img+img.ec {
    position:absolute;
    top:-2px;
    right:-9px;
    background-color:transparent;
    width:20%;
    max-width:90%;
  }
  .home article.headline p {
    position:static;
    font-size:2rem;
    padding:0;
    margin:0;
    margin-top:.25rem;
  }
  .home article.headline p + p {
    font-size:1.6rem;
    margin-bottom:1em;
  }
  .home article.headline h1,
  .home article.headline h1 + p,
  article.column h2,
  article.column h2 + p,
  article.column p {
    padding:0 .0625em;
    margin:0;
  }
  .home article.headline h1 + p {
    font-size:1.4rem;
  }
  .home article .meta {
    font-size:1.1rem;
    padding:0 .125em;
    margin:0;
  }
  .sm {
    position:static;
    top:1em;
  }
}  
@media all and (min-width:50em) {
  html {
    font-size:75%;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:2em;
  }
  .flex-container {
    flex-direction:row;
  }
  header[role="banner"] img {
    max-width:75%;
    margin:auto 12.5%;
  }
  .site-language {
    top:1em;
    right:1em;
  }
  .site-language li:first-of-type {
    width:2em;
    height:1em;
    margin-bottom:.5em;
  }
  .site-language li:last-of-type {
    width:2em;
    height:1.5em;
  }
  .site-language li a {
    width:2em;
    height:auto;
    min-height:1em;
  }
  .site-language li a img {
    width:2em;
    max-width:2em;
    opacity:.5;
  }
  .site-language li a:hover img {
    opacity:1;
  }
  #menu-main {
    display:block;
    height:100%;
    opacity:1;
  }
  nav.site {
    flex:1 2 auto;
    max-width:12%;
  }
  nav.site ul {
    margin:2em 1em 0 .25em;
  }
  .navbar {
    float:left;
    width:2%;
    max-width:2%;
    padding-top:2em;
-webkit-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
        transition:all .4s ease-out;
  }
   #content {
-webkit-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
        transition:all .4s ease-out;
   }
   #menu-main {
    overflow:hidden;
    width:0;
    height:0;
    max-height:0;
    opacity:0;
-webkit-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
        transition:all .4s ease-out;
  }
  #slidebox:target #menu-main {
    height:auto;
    max-height:100%;
    opacity:1;
  }
  .bot:target #menu-main {
    overflow:hidden;
    max-height:0;
    opacity:0;
  }
  #slidebox:target #content {
    margin-left:19%;
    max-width:77%;
  }
  .bot:target #content {
    margin-left:6%;
    max-width:88%;
  }
  #slidebox:target #menu-main {
    width:22%;
  }
  .bot:target #menu-main {
    width:6%;
  }
  #slidebox:target .top {
    opacity:0;
    pointer-events:none;
  }
  .contents {
    margin:0;
    margin-left:3.5%;
    max-width:88%;
  }
  .contents article + hr {
    display:none;
  }
  .home article header + p {
    position:absolute;
  }
  .flex-column {
    justify-content:space-between;
  }
  .home article.headline {
    flex:2 1 auto;
    width:100%;
  }
  .home article.headline figure {
    display:block;
    float:right;
    clear:none;
    margin:2rem 1.8rem 1em 1em;
    padding:0;
    width:100%;
    max-width:40%;
    height:auto;
    min-height:12em;
    overflow:hidden;
  }
  .home article.headline figure > img {
    max-width:100%;
  }
  .home article.headline p {
    font-size:2.2rem;
    padding:0;
    margin-top:1rem;
    margin-left:1.8rem;
  }
  .home article.headline p + p {
    font-size:1.6rem;
    margin-top:2em;
    margin-bottom:1em;
  }
  .home article.headline .meta {
    margin-left:2.5%;
    font-size:1.4rem;
    margin-bottom:1em;
  }
  .home article.headline h1 {
    font-size:3em;
    margin-left:.125em;
  }
  .home article.headline h1 + p {
    font-size:2rem;
  }
  article.column {
-webkit-flex:1 1 48%;
        flex:1 1 48%;
    float:left;
    max-width:48%;
    height:42em;
    overflow:hidden; 
    font-size:75%;
  }
  article.column h2 {
    font-size:2rem;
    padding-left:.125em;
  }
  article.column .meta {
    padding:0;
    margin:-.25em 0 1em .75em;
    font-size:1rem;
  }
  article.column p {
    bottom:0;
    padding:.5em;
  }
  article.column:nth-child(odd) {
    margin:1em 0 1em 2%;
  }
  article.column:nth-child(even) {
    margin:1em 2% 1em 0;
  }
  article.column:last-of-type {
    margin:1em 2% 4em 0;
  }
  body.home,
  body.error {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/home-02.jpg');
  }
  body.headphones {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/headphones-01.jpg');
  }
  body.hardware {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/sony-cdp-101.jpg');
  }
  body.software {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/software-01.jpg');
  }
  body.news {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/news-02.jpg');
  }
  body.mastering {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/mastering-01.jpg');
  }
  body.info {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/info-01.jpg');
  }
  body.bio {
    background:
      linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,.5)),
      url('/img/bio-01.jpg');
  }
  body.home,
  body.error,
  body.headphones,
  body.hardware,
  body.software,
  body.news,
  body.mastering,
  body.info,
  body.bio {
    background-size:cover, cover;
    background-repeat:no-repeat, no-repeat;
    background-attachment:fixed, fixed;
  }
  .meta {
    font-size:1.5rem;
    margin:0;
    margin-left:1em;
  }
  #toggle a {
    font-size:2.6rem;
  }
}
@media all and (min-width:106em) {
  html {
    font-size:99%;
  }
  h1,h2 {
    font-size:3.6em;
  }
  h3,h4,h5,h6 {
    font-size:2em;
  }
  .flex-container {
    flex-direction:row;
    justify-content:space-between;
  }
  header[role="banner"] {
    margin-bottom:1em;
  }
  article.column h2 {
    font-size:3rem;
  }
  .articles-index article.column h2 {
    font-size:225%;
  }
  .site-language {
    position:fixed;
  }
  nav.site ul {
    margin:1em 1em 0 .25em;
  }
  .site li a {
    font-size:1.5rem;
  }
  #toggle {
    display:none;
  }
  .navbar {
    display:block;
    padding:0;
  }
   #menu-main {
    width:auto;
    height:auto;
    max-height:100%;
    opacity:1;
  }
  .contents {
    max-width:79%;
    margin-right:7%;
    margin-left:14%;
  }
  .article-index ul,
  .article-index ol {
    margin:1.5em;
    padding:0;
    font-size:1.3rem;
  }
  .gmap {
    display:block;
    float:left;
    clear:none;
    max-width:33%;
    margin:2em 1%;
    height:auto;
  }
}
.br-clear {
    margin-bottom:1em;
    clear:both;
}