
/* partners Section
--------------------------------*/

#partners {
	padding: 60px 0;
	text-align: center;
}

#partners img {
	width: 170px;
	opacity: 1;
	margin: 40px 20px;
}
/*
#partners img:hover {
	opacity: 0.5;
	transition: 0.3s;
	cursor: pointer;
}
*/

#header.header-scrolled #logo h1 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
}

#header.header-scrolled #logo h1 a {
	
	color: #333;
}

#header.header-scrolled #nav-menu-container li a {
	padding-left: 0px;
	border-left: 0px solid #DE5E60;
	font-size: 12px;
}



#header.header-scrolled span.logoC {
	color: #000099;
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}

#header.header-scrolled span.logoAmp {
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 40%;
	top: -6px;
	position: relative;
}

#header.header-scrolled span.logoAmpHero {
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 40%;
	top: -10px;
	position: relative;
}

#header.header-scrolled span.logoJ {
	color: #ff0011;
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}



span.logoC {
	color: #fff;
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}
span.logoAmp {
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 40%;
	top: -6px;
	position: relative;
}
span.logoAmpHero {
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 30%;
	top: -20px;
	position: relative;
}
span.logoJ {
	color: #fff;
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}

#intro h1 {
	background-color: #fff;
	padding: 10px 45px;
	border-radius: 50vh;
	color: #000;
}

#intro span.logoC {
	color: #000099;
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}

#intro span.logoAmpHero {
	color: #333;
}

#intro span.logoJ {
	color: #ff0011;
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}


#intro h2 {
	color: #fff;
	margin-bottom: 26px;
	font-size: 44px;
	font-weight: 200;
	text-transform: uppercase;
}

#portfolio .portfolio-item figure {
	background: #fff;
}

#call-to-action {
	background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg02.jpg) fixed center center;
	background-size: cover;
	padding: 140px 0;
}

#team .member h4 {
	font-weight: 700;
	margin-bottom: 2px;
	margin-top: 20px;
	font-size: 18px;
	color: #333;
}

#team .member img {
	border-radius: 4px;
}

#main {
	position: relative;
}

@media screen and (max-width: 700px) {

#intro h1 {
    color: #111;
    margin-bottom: 40px;
    font-size: 40px;
	font-weight: 700;
	padding: 10px 20px;
}

#intro h2 {
		color: #fff;
		margin: 0 25px 26px 25px;
		font-size: 22px;
		font-weight: 200;
	}
	
	
	

span.logoC {
	
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}
span.logoAmp {
	
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 40%;
	top: -6px;
	position: relative;
}
span.logoAmpHero {
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 40%;
	top: -10px;
	position: relative;
}
span.logoJ {
	
	margin-bottom: 0px;
	font-weight: 700;
	top: 0px;
	position: relative;
}
	
#header #logo h1 {
		font-size: 22px;
	}
	#header #logo {
		float: left;
		top: 0px;
		position: relative;
	}

	#header.header-scrolled #logo {
		top: 5px;
	}

	
#header.header-scrolled #logo h1 {
		font-size: 20px;
	}
#header.header-scrolled #mobile-nav-toggle {
	color: #333;
	font-size: 20px;
}

/*end media*/	
}
