.wrapper{width: 80%;margin: auto;}

h2{//background: red;clear: both;padding: 0% 0 2%;font-size: 115%;}
*{margin: 0;padding: 0;//font-size: 105%;font-family: arial;//background: #fafafa}
.header{
	//background: #333;overflow: hidden;height: 130px;//border-bottom: 1px solid #333;margin-top: 2%;
}
.logo{float: left;background: #aaa url('logo.png');background-size: cover;background-repeat: no-repeat;padding-left: 5%;
width: 200px;height: 200px;}
.nav{//float: right;overflow: hidden;text-align: right;}
.nav ul{list-style: none;}
.nav li{display: inline-block;border: 1px solid #333;padding: 1%;border-radius: 5px;}
.nav a{text-decoration: none;color:#333;font-size: 90%;display: block;}
.nav a:hover{color:tomato;}

.section-wrap{//background: red;height: 500px;}
.section{
	//background: red;margin: 1% 0;width: 22.3%;display: inline-block;vertical-align: top;padding: 1%;
	transition: all .5s ease;border-radius: 5px;border:1px solid #333;min-height: 120px;
	font-size: 110%;color:#333;text-decoration: none;//line-height: 100px;
}
.section:hover{background: #333;color:#fff;}


.footer{background: #333;//margin:2% 0;text-align: center;//padding: 1% 0;font-size: 88%;color: #fff;padding: 2% 1% 1%;}

/*Gee Page*/
.content{//background: red;min-height: 500px;width: 80%;margin: auto;}
.content p{font-size: 110%;}
.content h3,.content p{margin: 1%;}
.content h3{margin: 2% 1%;//background: lightblue;padding: 1% 0;display: inline-block;//border-radius: 5px;border-bottom: 1px solid #333;}
.content li{//background: green;margin: 2%; margin-left: 25px;font-size:110%;color: #333;}
.content li a{font-size:100%;color: #333;transition: all .5s ease;text-decoration: none;}
.content li a:hover{color: tomato;}