html, body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	width:100%;
	height:100%;
}

body {
	background:url('../images/laptop.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}
.pages > h1 {
	text-align: center;
}

.user-details {
	margin-left: 5%;
	width: 25%;
}
.user-details img {
	height:100%;
	width:100%;
}

#screen {
	position: absolute;
    background: #fff;
    overflow-y: scroll;
}

/* Resume */
.resume-page iframe {
	width:100%;
	height:100%;
	position:absolute;
	border:0px;
}
/* About */
.about-page section {
	text-align: center;
	vertical-align: middle;
	font-size: 3em;
	padding-top: 20%;
}

/* NAVBAR */
nav.navbar {
	background:none;
	border:none;
}
.navbar-nav > li > a {
	padding-top:10px;
	padding-bottom:10px;
	outline-style: none;
}
.navbar-default .navbar-nav > li > a {
	color:#333;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:none;
	color:#333;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	text-decoration: underline;
}
.navbar-nav > li.active a {
	text-decoration: underline;
}



/* Social Media List */ 
#social-media {
	margin-left:12%;
}
#social-media-list {
	list-style: none;
}
#social-media-list li a {
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
	display: block;
    height: 35px;
    width: 35px;
    font-size:0px;
    color:transparent;
}
#social-media-list li a.facebook {
	background-position:-132px -26px;
}
#social-media-list li a.twitter {
	background-position: -52px -26px;
}
#social-media-list li a.phone {
	background-position:-333px -186px;
}
#social-media-list li a.email {
	background-position:-12px -65px;
}
#social-media-list li a.skype {
	background-position:-374px -26px;
}
#social-media-list li a.linkedin {
	background-position:-211px -65px;
}

/* Testimonials */
.quotes {
	background-image: url("../images/double-quotes.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 25px;
}
.quotes-open {
	background-position:0px 0px;
}
.quotes-close {
	background-position: -16px -20px;
}
.testmonial-content {
	text-align: justify;
	font-style:italic;
}
.testimonials {
	margin-top:5%;
	text-align: justify;
	padding:1px;
}
.testimonials:first-child {
	margin-top:0%;
}
.testimonials .meta {
	text-align: right;
}
.testimonials .author {
	font-size: 1.2em;
}

/* Project Page */
.project-title {
	text-decoration: underline;
	font-size: 1.2em;
}
.project-skills {
	list-style:none;
}
.project-skills li {
	border:1px solid #333;
	padding:2px;
	margin:0px 5px;
	border-radius: 3px;
	background-clip: padding-box;
}
.skill-wrapper {
	margin-top:1em;
}
.projects-page .projects + .projects{
	margin-top:5%;
}

@media screen and (max-width: 748px) {
	.navbar {
		position:relative;
		z-index:100;
	}
	.navbar-toggle {
		background-color: #806365;
	}
	#bs-example-navbar-collapse-1 {
		background-color: #fff;
	}
}