html {
  background:#efefef;
}

html,body{
  margin:0;
  color: #332f22;
}

#mladdr a { 
  color: #CBD2D5;
}

.description { display: none; }

body {
  font:12px/1.4 "helvetica neue",arial,sans-serif;
}

.content{
  margin: 0px auto;
  padding-top:30px;
  padding-bottom: 4em;
}

.content {
  max-width: 560px;
}

h1 { 
  font-size: 175%;
  font-weight:bold;
  margin:0;
  color: #535456;
}

html.bgg {
  background: url("/img/background.jpg") no-repeat fixed center center / cover  rgba(0, 0, 0, 0);
}

p {
  margin:0 0 20px; 
}

a {
  color:#535456;
  text-decoration:none;
}

.icon img {
  width: 20px;
}

.header { 
  margin-bottom: 2em;
  overflow: hidden;
}

.header p { 
  font-size: 125%;
}

.centered {
  text-align: center;
}

.header a:hover { 
  text-decoration:underline;
}

h2, h3 { 
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  font-weight: normal;
}

h2 { 
  font-size: 175%;
  color: #56cfea;
  margin-bottom: 0.1em;
}

.col50.right { 
  float: right;
}

.fullwidth h2 {
  margin-top: 0.5em;
}

.fullwidth .oberlay h2 {
  color: white;
}

.col50 p { padding-right: 1em; }

.film { 
  max-width: 540px; 
  /* background: none rgba(54, 69, 74, 0.8); */
  background: none #4a4a4a;
  margin-bottom: 3em; 
  color: #cbd2d5;
  border-radius: 2px;
  padding: 1em;
}

a.video {
  position: relative;
  line-height: 0;
  display: block;
}

.col50 a.video {
  max-width: 320px;
}

.subcolumns {
  overflow: hidden;
}

.col50 {
  float: left;
  width: 50%;
}

h1.mig { 
  margin-top: 4em; 
  padding: 0.5em;
}

.fullwidth .col50 {
  padding-left: 0;
}

/*
.col50:first-child {
  float: right;
}

.swapped .col50:first-child {
  float: left;
}
*/

.oberlay h2 {
  margin-top: 1em;
  text-shadow: -2px 1px #332F22;
}

a.video .oberlay {
  position: absolute;
  left: 10%;
  top: 10%;
  background: url("/img/play.png") no-repeat scroll center center rgba(0, 0, 0, 0);

  width: 80%;
  height: 80%;
  color: white;

  opacity: 0.6;

  text-align: center;
}

.fullwidth {
}

a.video img {
  width: 100%;
}

a.video .play {
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("/img/play.png");
  background-repeat: no-repeat;

  margin-left: -25px;
  margin-top: -24px;

  width: 50px;
  height: 48px;

  opacity: 0.5;
}

a.video:hover .oberlay,
a.video:hover .play { 
  opacity: 1.0;
}

.logo { display: none; }




@media (max-width: 1000px) {
  .content {
    width: 92%;
  }

}


@media (max-width: 400px) {
  html.bgg {
    background: none #f4f4f4;
  }

  .content {
    width: 100%;
    font-size: 125%;
    padding-bottom: 0;
  }

  .header {
    padding: 0 0.9em;
  }

  .film { 
    background: none;
    background-color: #444546;
    margin-bottom: 1px;
  }

  .oberlay h2 {
    font-size: 140%;
  }

  a.video .oberlay {
    background-size: 30px;
  }

  .col50 {
    width: 100%;
    padding: 0;
  }

  .col50 .video {
  }

  .film.subcolumns { padding-bottom: 0; }

}

@media (min-width: 1001px) {

  .logo {
    margin: 0 35px;
    width: 250px;
    height: 329px;
    display: block;
    position: relative;
    float: left;
    background: url("/img/logo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  }

  .header h1 { display: none; }

  .header p { 
    margin: 2em 0 0.3em 0;
    text-transform: uppercase;
    font-weight: bold;
  }

  .header a { padding: 0 0.7em; }
  .header a:first-child { padding-left: 0; }


  .header { 
    border-bottom: 1px solid white; 
    margin-bottom: 3em;
  }


  .content {
    border-left: 1px solid white; 
    padding-left: 2.2em;
    margin: 0;
    max-width: 100%;
    margin-left: 340px;
    background: rgba(100, 100, 100, 0.25);
  }
}


.log:after {
    border-left: 80px solid rgba(82, 84, 83, 0);
    border-right: 80px solid rgba(82, 84, 83, 0);
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 80px;
    content: " ";
    left: 50%;
    margin-left: -80px;
    position: absolute;
    z-index: 1;
}