@import url(http://fonts.googleapis.com/css?family=Lato);

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong,
ol, ul, li,
table, tr, th, td,
form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
::selection
{
color:#000;
background-color: #fff;
}
::-moz-selection
{
color:#000;
background-color: #fff;
} 

html {
  overflow: auto;
}
html, body {
  height: 100%;
  min-height: 100%;

}
body {
	color: #fafafa;
	background-color: #222222;	
	
	  /* background: url(../../img/PP_bg_tile.jpeg) repeat; */
  
}
h1, h2, p,a {font-family:  'Lato', sans-serif;font-weight:400;color:#fafafa}
h1{font-size:1.3em;font-family:Courier, serif}
h2{font-size:1.1em;text-transform: uppercase;font-family:Courier, serif}
.info h2, .info p{margin-left: 0px;}
p{font-size: 0.8em;}

a {
  text-decoration: underline;
  border-bottom:0px solid #fafafa;
  color: #fafafa;
  
}
a:hover {
  text-decoration: none;
  border-bottom:0px solid #666;
  color: #fafafa;
}

.fixed{position: relative; top:10px;background-color: none; }
.logo img{width: 100%;height:auto;margin:0 auto}
.info{margin:30px 0 0 0px}


.items{margin:30px 0 0px ; }
.embed{ width: 100%;height:100%; }
.vid { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;margin-bottom: 10px; }
.vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.black{background: #000; display: block;}

.text{margin:0 0 30px 0;}

.titel{margin:0 0 0px 0;}


@media (min-width: 992px/* @screen-sm-min iphone4opsekant */) { 
h2{font-size:1.2em;}p{font-size:1em}
}

@media (min-width: 768px/* @screen-sm-min iphone4opsekant */) { 



.fixed{position: fixed; top:50px;background-color: none}
.logo img{width:50%}
.items{margin:50px 0 0px ;}
.embed{ width: 100%;height:100%}
.vid { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;margin-bottom: 10px }
.vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.text{margin:0 0 50px 0}
.titel{margin:0 0 0px 0}

.info h2, .info p{margin-left: 45px;}

 }



@media (min-width: 768px) and (max-width: 992px){ 
.info h2, .info p{margin-left: 45px;}

.logo img{width:40%}
}