html, body, p, div, ul, li, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#444;

}
.nav-justified > li{
    width: 190px;
}
#header{
	background-color:#111e35;
	color:#fff;
	box-shadow:0 0 10px black;
	padding:10px 0;
}
.myphoto{
	max-width:200px;
	display:block;
	margin:0 auto 30px auto;
	border-radius:9999px;
	border:6px solid #5b9bd5;
}
#name h1{
	border:none;
	margin:0.15em 0 0 0;
	color:#fff;
	font-size:3.2em;
	font-family:'Droid Serif', Arial, serif;
}
#profession{
	font-size:1.5em;
	margin:0 0 0.8em 0;
	font-family: 'Droid Serif', Arial, serif;
	color:#5b9bd5;
}
#info{
	background-image:url(../images/contact.png);
	height:78px;
	width:195px;
	margin-top:10px;
}
#profile{
	padding-top:0.3em;	
}
.seperator{
	height:130px;
}
.nav{
	width:100%;
}
a{ color:#946e1c }
.nav li a{
	padding:0.5em 0;
	color:#fff;
	font-weight:bold;
	border-radius:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.nav li a:hover{
	background:#f7941d;
}
.nav > li > a:focus{
    background:#f7941d;
}
#menu-wrapper{
	background-color:#283c5f;
}
h1{
	font-size:2.3em;
	font-family: 'Droid Serif', Arial, serif;
	color:#283c5f;
	font-weight:normal;
	margin:0 0 0.9em 0;
}
h2{
	color:#3172AF;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.8em;
}
h3{
	font-size:1.0em;
	font-weight:bold;
	color:#707070;
	margin-bottom:0.8em;
}
.hr{
	border-bottom:1px solid #ccc;
	width:100%;
	margin:3em auto;
	display:block;
}
p{
	margin-bottom:10px;
}
.skills{
	margin-bottom:1.2em;
}
.skills li{
	margin:0.5em 0 0.5em 1.2em;
	width:90%;
}
.skills-expertise h2{
	padding:0.6em 0 0.8em 0;
	margin:0;
}
.skill-example{
	font-size:0.9em;
	line-height:1.2em;
	font-style:italic;
	margin:0 0 10px 0;
	color:#3172AF;
}

/*
.r5{
	background-image:url(../images/ranking5.png);
	background-repeat:no-repeat;
	background-position:right;
}
.r4{
	background-image:url(../images/ranking4.png);
	background-repeat:no-repeat;
	background-position:right;
}
.r3{
	background-image:url(../images/ranking3.png);
	background-repeat:no-repeat;
	background-position:right;
}
*/
.experience li{
	margin:0.5em 0;
	list-style:none;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	background-size: 5px;
	padding-left:20px;
}
.samples{
	margin:5px 0 0 20px;
}
.samples li{
	margin:0;
	background:none;
	list-style:none;
	padding-left:0;
}
.dark-bg, .white-bg{
	padding:4em 0;
}
.dark-bg{
	background:#f7f7f7;
}
#footer{
	background-color:#111e35;
	color:#fff;
	text-align:center;
	padding:1em;
	box-shadow:0 0 10px black;
	font-size:0.8em;
}
#footer a{
	color:#FFFFFF;
}
@media (max-width: 768px) {
	.about-me h1{
		text-align:center;
	}
	.nav-justified > li{
		width:auto;
		display:block;
	}
	#header{
		text-align:center;	
	}
	#info{
		float:none;
		margin:0 auto 2em auto;
	}
	#profession{
		margin:0.5em 0;
	}
	.nav > li > a{
		padding:0.5em 0;
		font-size:1.3em;
	}
	#menu-wrapper .container{
		padding:0;
	}
	.dark-bg, .white-bg{
		padding:2em 0;
	}
}
@media (min-width: 992px) {
	.container{
		padding:0 100px;	
	}
}
@media (min-width: 1200px) {
	.container{
		padding:0 180px;	
	}
}