html,body{
	margin:0;
	padding:0;
}
@media(min-width: 768px) {
	nav{
		position:fixed;
		top:0;
	}
	#about{
		margin-top:80px;
	}
}

@media(max-width: 768px){
	#about{
		position:relative;
	}
	#nav-list{
		display:none;
		position:alsolute;
		top: 10px;
		width:80%;
		margin:1px auto 0;
		z-index:55;
	}
}
nav>ul{
	margin:0;
	padding:0;
	float:right;
}
nav>ul>li{
		margin:20px 6px;
		padding:0 5px;
		width:95px;
		text-align:center;
		list-style:none;
		float:right;
}
#nav-pdf,#nav-prototype{
	width:100px;
}
nav>ul>li>a{
		color:#1E56A0;
		line-height:45px;
		font-size:15px;
		text-decoration:none;
}
a:hover{
		text-decoration:none;
}
nav>ul>li:hover{
		border-radius:5px;
		box-shadow:4px 5px 3px #D6E4F0,-1px -1px #a7d7c5;
}
nav{
	z-index:99;
    background:#F6F6F6;
	height:80px;
	width:100%;
	border-bottom: 4px solid #B6CDBD;
}
nav>div{
	float:right;
	font-size:30px;
	margin:20px 30px;
}

nav>p{
	margin:0;
	padding-left:20px;
	font-family:fantasy;
	font-size:44px;
	color:#313131;
}
.content{
	text-align:center;
	padding:30px;
	color:#f2f9f1;
}
#about{
	color:#1E56A0;
	background:#D6E4F0;
}
.content>p:first-child, #detail{
	font-size:23px;
}
.line{
	font-weight:bolder;
}
.intro{
	font-size:26px;
}
.icon{
	
}
.self{
	width:500px;
	height:310px;
}
#portfolio{
	background:#1E56A0;
	text-align:center;
}
#imgs>img{
	padding:20px;
}
#contact{
	background:#163172;
}
#members{
	margin-left: 100px;
}
#members>div{
	margin:0 10px;
	padding:0;
}
#members>div>p{
	margin-top: 5px;
	font-size: 26px;
}
#prototype{
	background:#7A9EB1;
}
#prototype2{
	background: #1E56A0;
}
#prototype2>img{
	width: 500px;
}
#prototype2>ul{
	list-style: none;
}
#review{
	background:#409D9B;
}
#review>img{
	width: 600px;
}
h2{
	color: #FCEA90;
}
#pdf{
	background: #415865;
}
.pdf_intro{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-style: italic;
	font-size: 23;
}
#pdf > ul{
	margin: 0 300px;
}
#pdf > ul > li > a{
	color: #FFFDFB;
}
#pdf > ul > li > a:hover{
	color: #B7F5DE;
	text-decoration:none;
}
.pdf-text{
	font-size: 25px;
}
#razi{
	width: 230px;
}
.mail-text{
	margin: 10px 0;
	color: white;
	font-size: 22px;
}
.mail-text:hover{
	color: #B7F5DE;
	text-decoration:none;
}
footer{
	background:#D6E4F0;
	text-align:center;
}
footer>p{
	margin:0;
    color:#2E2B2B;
	font-family:Georgia;
}