.section {
	position: relative;
	margin: 0;
}

.text-wr {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#section0 {
	background: url(../img/bg-home.jpg) top center; background-attachment: fixed; background-size: cover; height: 500px
}

#section1 {	background: transparent; z-index: 2;	color: #222; padding: 130px 20px}
#section1 .text-wr{text-align: center;}

#section2 {	background: url(../img/degrade.jpg) center top no-repeat #FFF; display: flex;	color: #FFF; padding-top: 260px; margin-top: -320px}
#section2 .col-4 img{width: 40px; padding-bottom: 5px}

#section3 {	background: #FFF;	color:#222;	padding: 90px 0; display: flex; }

#section4 {	background: url(../img/bg-footer.png) right bottom no-repeat #f7f7f7; display: flex; color: #222; min-height: 500px; padding-bottom: 50px}
#section4 .col-6 .social img{ width: 80px }
#section4 .col-6 {padding-top: 50px}


.nav {
	position: fixed; /*left: 50%;*/
	width: 100%;
	top: 30px;
	z-index: 10;
	padding-right: 10px;
	text-align: right;
}

.nav a {
	padding: 7px 20px;
	border-radius: 0;
	margin-right: 10px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	text-decoration: none;
}

.nav a.active, .nav a.active:hover {
	background: rgba(0, 0, 0, 0.7);
	color: white;
}

.nav a:hover {
	background: rgba(255, 255, 255, 0.8);
}

.fork-wr img {
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	border: 0;
}