@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
}

html, body, .full{
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "roboto", Arial;
	line-height: 1.4;
	background-color: white;
	color: black;
	text-align: left;
}

nav{background-color: #444;
}

header, nav div, .content{
	width: 75%;
	margin: 0px auto;
	padding: 10px 0;
}
.content {
	margin: 7.5% auto 7.5% auto;
}
.content a{color: #444;
}

h1, h2{
	font-size: 42px;
	text-decoration: bold;
	margin: 0;
	padding: 0;
}

h3{
	font-size: 28px;
	text-decoration: bold;
	margin: 0;
	padding: 0;
}


a{
	color: black;
	text-decoration: none;
	font-size: 18px;
}
nav a{
	color: white;
	padding: 0 40px 0 0;
	margin: 10px 0;
	font-weight: 700;
}
a:hover{text-decoration: underline;
}
 

p {
	margin: 30px 0 30px 0;
	font-size: 18px; 
}




.images{
	width: 100%;
	margin-top: 7.5%;
	margin-bottom: 7.5%;
}
.column {
	float: left;
	width: 49%;
	padding: 0.5%;
}
/* Clearfix (clear floats) */
.row::after {
	content: "";
	clear: both;
	display: table;
  }



/*this is the important stuff for scroling imanges*/
html, body, .full{
	height: 100%;
}

section.full {
	/* center our images in the viewpoint*/
	background-position: center center;
	/* should ude to cover insted of 100% to strech and fill, ensures images cover screen */
	background-size: cover;
	/*will fix the background sections, cahaging effecht, pinned to section.*/
	background-attachment: fixed;
	position: relative;
}

section#Haus {
	background-image: url(../images/Haus.jpg);
}
section#Wohnzimmer {
	background-image: url(../images/Wohnzimmer.jpg);
}
section#Kueche {
	background-image: url(../images/Kueche.jpg);
}
section#Schlafzimmer {
	background-image: url(../images/Schlafzimmer.jpg);
}
section#schiff {
	background-image: url(../images/sommer/schiff.jpg);
}
section#sommer {
	background-image: url(../images/sommer/sommer.jpg);
}
section#otterndorf {
	background-image: url(../images/herbst/otterndorf.jpg);
}
section#frueling {
	background-image: url(../images/frueling/frueling.jpg);
}