body {
	margin:0;
}
img{

max-width:100%;
height:auto;
}

.logo {
		margin: 1.5em 11% 0;
		max-width: 50%;
}

.wrapper {
	background-image: url(images/background.jpg);
	background-repeat:no-repeat;
  background-position: 50% -10px;
	background-size: cover;
	/*background-attachment: fixed;*/
	min-height:1200px;
}

@media screen and (min-width:600px) {
	.wrapper {
		background-position: 50% -250px;
		/*background-attachment: fixed;*/
		min-height:none;
	}
	.logo {
		margin: 1em 6% 0;
		max-width: 20%;
}
}

.container{
	margin: 2em auto 0;
	width: 78%;
	padding:.5em;
	background:rgba(255,255,255,.8);
}



/* Typography 
-----------------------------------*/

h1{
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 36px;
	color: #FB902B;
}
p{
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	color: #FB902B;
}



@media screen and (min-width: 320px){

}

/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  width: 88%;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.nav-collapse li a{
  display: block;
  padding: 1em .5em;
  text-align: center;
  text-decoration: none;
  background: #FB902B;
 	border-bottom: 2px solid #ffffff;
 	text-align: center;
 	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-style: 700;
	color: #544F56;
	/*width: 88%;
	max-width: 320px;
	margin-left: 2em;*/
}

.nav-collapse li a:focus{
  background: #F9C69D;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 36px;
  height: 36px;
  background-image: url('images/hamburger.svg');
  float: right;
  margin-right: 2em;
  margin-top: 1.2em;
  /*Hide text*/
  text-indent: 110%;
  white-space: nowrap;
  text-transform: capitalize;
  overflow: hidden;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  .nav-collapse ul {
    margin: 0 auto;
    display: flex;
    justify-content:space-between;
   /* background: #FB902B; */ 
  }
  .nav-collapse ul li a{
    border-bottom: none;
    /*width: 97%;
    max-width: 960px;*/
  }
  .nav-collapse ul li {
  	/*box-sizing:border-box;*/
  	margin-right:.5em;
  }
  .nav-collapse ul li:last-child {
  	margin-right:0;
  }
}
.wrapper2{
	display: block;
	background: #FB902B;
	box-sizing:border-box;
	margin-top: -18em;
	/*height: 600px;*/
	/*position: absolute;*/

}
.mission h1{
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 50px;
	color: #FFF1DD;
	text-align: center;
	padding-top: .5em;
	margin-top: .5em;
	position: relative;
}

.mission p{
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	color: #544F56;
	/*margin: 0 2em 0;*/
	margin: 2em auto 0;
	width: 78%;
	padding-bottom:2em;
	text-align: center;
}

@media screen and (min-width:768px){
	/*.wrapper2{
		height: 480px;
	}*/
	.mission h1{
		font-size: 56px;
	}
	.mission p{
		font-size: 20px;
		padding-bottom: 3em;
	}
}

.container2{
	/*margin-top: 26em;
	margin-left: 2.5em;
	position: absolute;*/
	margin: 2em auto 0;
	width: 78%;
}
.container2 h1{
	font-size: 44px;
}

.container2 img{
	margin: 2em .1em;
	position: relative;
	max-width: 100%;
}

.container2 p{
	font-family: 'Varela Round', sans-serif;
	font-size: 20px;
	color: #544F56;
	text-align: left;
	/*max-width: 320px;*/
	/*width: 65%;*/
}
	.off:hover{
		opacity: 0.9;
	}

@media screen and (min-width:1024px){
	.container2{
		/*margin-top: 5em;*/
		/*position: absolute;*/
		/*margin-left: 2em;*/
		display: flex;
		justify-content:space-between;
		/*max-width: 1200px;*/
		width: 78%;
	}

	.off {
		width:80%;
	}

	.container2 h1{
	font-size: 56px;
}
 .container2 img{
 	margin-top: 2.5em;
 }
 .container2 img{
  transition: all 1s ease-in-out;
}
.container2 img:hover{
  transform: scale(1.1);
}

.container2 p{
	font-size: 18px;
	/*color:#727271;*/
	text-align: left;
	margin-top: 1em;
	/*max-width: 500px;*/
	width: 65%;
}
}

.wrapper3{
	display: block;
	background: #FB902B;
	/*margin-top: 93em;*/
	position: absolute;
	background-size: cover;
	box-sizing:border-box;
	/*max-width: 1500px;*/
	width: 100%
}

.social-channels{
	display: flex;
	justify-content: center;
}

@media screen and (min-width:758px){
	/*.wrapper3{
		margin-top:55em;
	}*/
}
/* Social Channels
------------------------------------------*/

.social-channels {
    padding: 0;
    list-style: none;
    display: flex;
}
.social-channels li {
  margin-right: .5em;
}
.social-channels li a{
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  /*Hide text*/
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.social-channels li a:hover{
  opacity: .7;
}
.social-channels{
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}

.facebook{
  background-image: url(images/facebook.svg);
}
.twitter{
  background-image: url(images/twitter.svg);
}
.youtube{
  background-image: url(images/youtube.svg);
}
.linkedin{
  background-image: url(images/linkedin.svg);
}
.vk{
  background-image: url(images/vk.svg);
}
.googleplus{
  background-image: url(images/googleplus.svg);
}
.instagram{
  background-image: url(images/instagram.svg);
}