h1{
	/*Title Content*/
	font-size:95px;
	font-weight: normal;
	padding:0;
	padding-top:2px;
	height:95px;
}
#title{
	/*Title Div*/
	max-width:600px;
	min-width:300px;
	margin:0 auto 10px auto;
}
nav{
	/*Nav Div*/
	margin-bottom:17px;
}


#bio{
	/*bio picture container*/
	margin-bottom:30px;
}
#bio_img{
	/*bio picture*/
	box-shadow: 3px 3px 40px rgba(0,0,0,0.4);
	width:24em;
}

#bio_dx{
	/*bio description text*/
	min-width:280px;
	max-width:450px;
	margin:0 auto 25px auto;
	padding:0 6px 0 6px;
	font-size:16px;
	font-weight:bold;
	color:#555;
}
footer{
	/*social media link container*/
	display:inline-block;
	padding-bottom:10px;
}
.social{
	/*Social media icons*/
	height:34px;
	width:34px;
	margin: 0px 5px;
}

ul{
	text-decoration:none;
	list-style-type: none;
	color:#999;
}
img {
    vertical-align: middle;
}
li{
	display: inline;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
a:hover{
	color:#000;    
	-webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 20px grey;
}
.social:hover{
	color:#000;    
	-webkit-filter: drop-shadow(0px 5px 5px #888);
	filter: drop-shadow(0px 5px 5px #bbb);
}