/* CSS Document */

html {
	margin:0;
	padding:0;
	background-image:url('IMG_2981.jpg');
	background-size:cover;
	font-family: 'Open Sans', 'sans-serif';
	-webkit-text-size-adjust: 100%;
	position:relative;
	min-height:100%;
}

body { margin:0; padding:0; }


.blurb {
	position:relative;
	left:0px;
	right:0px;
	text-align:center;
	padding-top:200px;
}

.photo {
	background-image:url('IMG_8915.jpg');
	background-size:contain;
	/*border:solid 5px #B7B6B6;*/
	/*background-color:#B7B6B6;*/
	width:140px;
	height:140px;
	left:50%;
	position:relative;
	margin-left:-70px;	
	border-radius:100px;
	position:absolute;
	top:10px;
}
.photoback {
	background-color:rgba(225,225,225,.6);
	width:160px;
	height:160px;
	left:50%;
	position:relative;
	margin-left:-80px;	
	border-radius:150px;
}

.blurb p {
	padding:10px 25%;
	font-size: 16px;
    font-weight: 300;
}

.blurb p span {
	font-weight:bold;
	font-size: 18px;
}

.portfolios {
	position:relative;
	background-color: rgba(255,255,255,.5);
	left:0px;
	right:0px;
	text-align:center;
	margin-top:10px;
	padding:30px;
}

.portfolios span {
	position:absolute;
	margin-left:-100px;
	display:none;
}

.btn {
	display:inline;
	color:white;
	padding:10px 15px;
	border-radius:5px;
	margin: 3px;
	font-weight:100;
	text-decoration:none;
	cursor:pointer;
	background:#4EBCC2;
	transition: background-color 0.5s ease;

}

.btn:hover {	
	background-color:#44A3A8;
}

.spacer {
	width: 100%;
	height: 60px;
}

.linkedin {
	position:absolute;
	right:3px;
	bottom:8px;	
	cursor:pointer;
}

.aboutme {
	position:absolute;
	right:53px;
	bottom:8px;	
	cursor:pointer;
	width:30px;
	height:30px;
}

@media screen and (max-width: 800px) {
	.blurb { padding-top:80px; }

}

@media screen and (max-width: 475px) {
	.btn { display:block; width:150px; left:50%; margin-left:-90px; position:relative;  }
	.blurb p { padding:10px 10%; }
	.blurb { padding-top:80px; }
	body {background-position:-150px; }
}