/* Presentational style rules only
 * Not required
 */

html, body, {
  height: 100%;
}

/* Reset */
html, body, h9, p, a, div,  {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Basic */
body { 
	font-family: 'Cabin', sans-serif;
	letter-spacing:2px;
	font-weight:700;
  	color: #000;
	
	background-image: url(images/background-photo.png);
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: 100% 100%;
  	background-color:#fb253b;
}

h9 {
  color: #eef1ba;
  font-size: 25px;
  letter-spacing:4px;
  line-height: 35px;
  font-weight:400;
  margin-top: 10px;
  padding-bottom:20px;
}

a {
  color: #eef1ba;
  text-decoration:none;
  font-weight:400;
  line-height:6px;
}

p {
  margin: 0 0 15px 0;
}



/* Layout */





.slash {
	left:0;
	top:0;

  width:100%;
  height:100%;
  position:fixed;
  z-index:3;
}


.slash img{
  width:70%;
  height:100%;
  top:0;
  bottom:0;
}


.blob {
	left:0;
	top:0;

  width:100%;
  height:100%;
  position:fixed;
  z-index:2;

}


.blob img{
  width:70%;
  height:100%;
  top:0;
  bottom:0;
}

.info {
	left:15%;
	top:6%;
	width:35%;
	height:auto;
	position:fixed;
  	z-index:4;

}

.info img{
	width:45%;	
}

.tekst {
	width:auto;
	height:auto;
	text-align:left;
}



/* Media Queries */
@media only screen and (max-width: 340px) {
  


  html, body, .container {
    height: auto;
  }
}

@media (max-height: 800px) {
.info {

	top:4%;

}