body { 
	background-color:#D4D4D4;
	font-family: 'Open Sans', sans-serif;
}
ul, ol, dl {
	list-style:inside;
}

/* navigation */
.top-bar, .top-bar ul, .top-bar ul > li a:not(.button) {
	min-height:80px;
	line-height:80px;
}
.contain-to-grid {
	background-color:#01B18D;
	border-bottom:10px solid #00775F;
}
.contain-to-grid .top-bar {
	max-width:100%;
}
.top-bar {
	background-color:#01B18D;
}
.top-bar ul > li:not(.toggle-topbar) a:not(.button) { 
	text-transform: uppercase;
	border-top:10px solid #01B18D;
	font-size:16px;
}
.top-bar ul > li:hover:not(.name), .top-bar ul > li.active:not(.name), .top-bar ul > li:focus:not(.name) {
    background: #00775F none repeat scroll 0 0;
}
.top-bar ul > li:hover:not(.name) a, .top-bar ul > li.active:not(.name) a, .top-bar ul > li:focus:not(.name) a {
    color: #fff;
}

.name { width: 25%; }
#main-nav { width: 75% }
#main-nav li { 
	width:25%; 
	text-align:center;
	border-color:#01b18d;
	border-style:solid;
	border-width:0 50px;
}

/* cards */
.panel h2, .panel h3, .panel h4 {
	font-family: 'Bree Serif', serif;
	font-size:20px;
	color:#fff;
	padding:5px;
	font-weight:normal;
}
.panel h2 {
	background-color:#01B18D;
}
.panel h3 {
	background-color:#FF6300;
}
.panel h4 {
	background-color:#FFE8BF;
	color:#FFA000;
	margin-bottom:0;
}
.panel { 
	border-color:#ccc;
}
#about {
	margin-top:40px;
}

/* footer */
footer {
	background-color:#01B18D;
	color:#fff;
	padding:40px 0;
}
footer h2 {
	font-family:"Open Sans";
	font-weight:300;
	color:#fff;
	font-size:60px;
}
.copyright {
	color:#00F0C0;
	font-size:12px;
	text-align:center;
}
@media only screen and (max-width: 940px) {
	#main-nav, #main-nav li, .name  {
		width: 100%;
	}
	.top-bar ul > li.toggle-topbar {
		width:40%;
	}
	.top-bar ul > li.active, .top-bar ul > li:hover {
		background-color: inherit;
	}
}
@media only screen and (min-width: 1400px) {
	#main-nav li { 
		width:17%; 
	}
}