/* FONTS */
@font-face {
  font-family: DINWeb;
  src: url("../fonts/DINWeb.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: DINWeb;
  src: url("../fonts/DINWeb-Bold.eot");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: DINWeb;
  src: url("../fonts/DINWeb-Ita.eot");
  font-weight: normal;
  font-style: italic;
}

/*  WOFF-capable */
@font-face {
  font-family: DINWeb;
  src: url("../fonts/DINWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: DINWeb;
  src: url("../fonts/DINWeb-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: DINWeb;
  src: url("../fonts/DINWeb-Ita.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

/* Reset
-------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
  display: block;
}


/* Pix
-------------------------------------------------- */
img {
  display: block;
  max-width: 100%;
}


/* Links
-------------------------------------------------- */
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #ff9900;
}


/* Clearfix
-------------------------------------------------- */
.cf:after {
  content: "";
  display: table;
  clear: both;
}


/* Site
-------------------------------------------------- */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
	font-family: DINWeb, Helvetica, Arial, "MS Trebuchet", sans-serif;
  margin: 10px;
  font-size: 11px;
  line-height: 1.5em;
  padding: 0;
  background: #fff;
  color: #000;
}

nav, .text-container, figure > div, figure > p  {
  margin: 2em 0;
  max-width: 41em;
}

.text-container.menu {
  max-width: 100%;
}

header .logo {
  text-transform: uppercase;
  font-weight: bold;
}

/* Headings
-------------------------------------------------- */

header a {
  text-transform: uppercase;
}

h1 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
}
h2 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
}
h3 {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: .5em;
}
h1 a, h2 a, h3 a, h4 a {
  color: inherit;
  border: 0 !important;
}

p {
  margin-bottom: 1em;
}



/* Images
-------------------------------------------------- */

.img-container figure {
  display: none;
}

.img-container figure:first-of-type {
  display: block;
}

.slide-container {
  display: block;
  height: 60vw;
  width: auto;
}

@media all and (min-width: 600px) {
  body {
    margin: 50px;
  }
  
  .slide-container {
    height: 544px;
  }
}

.slide-container img {
  height: 100%;
  width: auto;
}

.slide-container.vert img {
  width: 100%;
  height: auto;
}

/* Nav
-------------------------------------------------- */

ul, li {
  list-style-type: none;
}

nav.languages li {
  display: inline-block;
  margin-right: 1em;
}

nav.languages li.active {
  font-weight: bold;
}

/* Footer
-------------------------------------------------- */