
/************/
/** HEADER **/
/************/
.header{
	padding: 10px 2% 10px;	
	text-align: center;
}
.header .header-widget{
	top: 30px;
}
.header .logo{
	display: inline-block;
	float: none;
	vertical-align: middle;
	margin-right: 20px;
}
.header .nav {
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 0;
	
	/*width: calc(100% - 260px);*/
	width: 100%;

}
.header .nav > ul{
	font-size: 20px;
	float: none;
	width: 100%;
	text-align: center;
	line-height: 1em;
}
.header .nav > ul > li{
	margin: 0 0 0 1.2%;
}
.header .nav li a{
	font-size: .75em;
}
@media screen and (min-width: 800px){
	.header .nav > ul > li{
		margin: 0 0 0 2.2%;
	}
}
@media screen and (min-width: 810px){
	.header .nav > ul > li{
		margin: 0 0 0 2.5%;
	}
}
@media screen and (min-width: 880px){
	.header .nav > ul > li{
		margin: 0 0 0 1.6%;
	}
	.header .nav li a{
		font-size: .75em;
	}
}
@media screen and (min-width: 990px){
	.header .nav li a{
		font-size: 1em;
	}
}
@media screen and (min-width: 1024px){
	.header .nav > ul > li{
		margin: 0 0 0 3%;
	}
}


/**********/
/** HOME **/
/**********/
.home #intro h2{
	font-size: 3.8em;
}
@media screen and (min-width: 1024px){
	.home #intro h2{
		font-size: 4.5em;
	}	
}
@media screen and (min-width: 1280px){
	.home #intro h2{
		font-size: 5em;
	}	
}

.home #about{
	padding: 85px 0 110px;
}

section.quote h3{
	font-size: 2.4em;
}



/**************/
/** NOT HOME **/
/**************/
.not-home p{
	line-height: 1.6em;
}
.not-home section.first{
	padding: 0 0 110px;
}
.not-home section.quote{
	margin: 0 0 110px;
}
.not-home section.last{
	padding: 0 0 60px;
}

/*Container Services*/
/*.container-services .first{
	padding: 0 0 110px;
}
.container-services .last{
	padding: 110px 0 60px;
}*/