body {
	font-family: 'NimbusSanLRegular';
	font-size: 16px;
	line-height: 1.5;
	
	background-color: #9b998c;
	color: #ffffff;
	
}



header {
  position: fixed;
  top: 20px;
  left: 20px;
}

h1 {
	font-size: 24px;
	font-weight: 700;
	border-bottom:1px solid #9b998c;
	padding-bottom:15px;
}

footer {
  position: fixed;
  bottom: 20px;
  left: 20px;
}

a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 10px 0 0;
  transition: all 0.5s;
}

a:hover {
  color: #ff4141;
}

section {
 height: 100vh;
  background-image: url(rawpixel-617389-unsplash-cropped.jpg);
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size: cover;
  background-position: left;
  background-attachment: fixed; 

}

section.sally_2 {
  background-image: url(jun-lin-594964-unsplash-crop.jpg);
}

section.sally_3 {
  background-image: url(jose-fontano-223781-unsplash-col-crop.jpg);
}

section.sally_4 {
  background-image: url(philipp-berndt-173197-unsplash-crop.jpg);
  
}

@media (max-width: 800px) {
  section {
    background-attachment: scroll;
    height:160vw;
  }
}

/*@media (max-width:760px) {
	
	
	
	section:before{
	content:"";
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-10;
	background: url(rawpixel-617389-unsplash-cropped.jpg) no-repeat center center;
	 -webkit-background-size:cover;
	 -moz-background-size:cover;
	 -o-background-size:cover;
	 background-size: cover;
 }
 
 section {
  height: 100%;
   background-image: url();
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size: cover;
   background-position: left;
   

 }

 section.sally_2 {
   background-image: url();
 }

 section.sally_3 {
   background-image: url();
 }

 section.sally_4 {
   background-image: url();
 }
 
}*/