.hamburger-menu .bar,
.hamburger-menu .bar:before,
.hamburger-menu .bar:after {
	background: #fff;
}

body.about {
	background-color: #000;
	color: #grey;
}

.fullscreen {
	background-size: 95%;
	background-position: 50% 30%;
	background-repeat: no-repeat;
}

.page-intro {
	text-align: left;
	float:right;
	position: relative;
    right: 18%;

}

.page-outro,
p, ul, ol, li,
footer {
	color: #bbb !important;
}
body.about a {
	color: #fff;
}
body.about strong,
body.about .page-intro,
body.about .page-intro *,
h1, h2, h3, h4, h5, h6 {
	color: #fff !important;
}

div.logo{

    padding: 40px 60px 40px 0;
    max-width: 33%;
}

.fullscreen.scrolled {
background-position: 50% 50%;
}

h1 {
	margin:0;
	padding:0;
	line-height: 1.1;
}

h3 {
	margin:0;
	padding:0;
	font-weight: normal;
	text-transform: initial !important;
}
.scrolldown:before, .scrolldown:after {
    
    border-bottom: solid #fff;
    border-right: solid #fff;
}


@media only screen and (min-width: 61em) {
  .fullscreen {
    background-size: 60% !important;
      }
}

figure {
	padding-left:2 !important;
}
}

a.logo {
	max-width: 33%;
	padding: 5em 3em 0em 0;
	margin:0 !important;
	border-bottom: none !important;
} 
a.logo img {
	opacity:0.5;

}

a.logo img:hover {
	opacity:1;
	transition: 1s;

}


@media only screen and (min-width: 61em) {
  .fullscreen {
    background-size: 60% !important;
      }
  a.logo{
  	max-width: 25%;
  }
}