@import url("../web fonts/Open_Sans/stylesheet.css");

@import url("../webfonts/Open_Sans/stylesheet.css");
@import url("../webfonts/Open_Sans/stylesheet.css");
section {
  width: 98%;
  height: 100%;
  padding-top: 15px;
  padding-left: 30px;
  color: #fff;
}



nav {
	width: 100%;
	height: 65px;
	position: fixed;
	top: 100px;
	left: 0;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); */
	background-color: rgba(255,255,255,0);
	background-image: url(../images/Nav-top-white-line.png);
}

nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

nav li {
	display: inline-block;
	text-align: left;
	margin-right: 30px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	font-family: "Open Sans", arial, "helvetica neue", helvetica, sans-serif;
	font-size: 1.1em;
}

nav li a {
	display: block;
	color: rgba(0,0,0,1);
	text-decoration: none;
	text-align: center;	
}


nav li a:link {
	color: #000000;
	text-decoration: none;
}
nav li a:visited {
	color: #000000;
	text-decoration: none;
}
nav li a:hover {
	color: #27a349;
	text-decoration: none;
}
nav li a:focus, a:active {
	color: #27a349;
	text-decoration: none;
	
}

.nav-mobile {
	display: none;
	font-weight: normal;
	width: 100%;
	font-family: "Open Sans", arial, "helvetica neue", helvetica, sans-serif;
	font-size: 1.1em;
	background-color: rgba(14,16,15,1);
	color: #ccc;
	text-decoration: none;
}

#section1 { background-color: #F5624D; }

#section2 { background-color: #CC231E; }

#section3 { background-color: #34A65F; }

@media (max-width: 750px) {

nav ul {
	display: none;
	background-color: rgba(255,255,255,1);
	margin-left: auto;
	margin-top: -5px;
	text-align: center;
	margin-right: auto;
}

nav li {
  width: 100%;
  padding-left: 0px;
}

.nav-mobile {
  display: inline-block;
  height: 50px;
  line-height: 50px;
}
.nav-mobile li {
	font-family: "Open Sans", arial, "helvetica neue", helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	
}
}

@media (min-width: 751px) {

nav ul { display: block !important; }

}