/*
JarvisDRaymond.com
*/

/*= GENERAL STYLING
--------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color:#070006;
}

h1 { 
    font-family:"Arvo";
	font-weight:normal;
	font-size: 55px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
    text-shadow: 3px 2px black;
}

h2 {
   font-family:"Arvo";
   font-weight: normal;
   font-size: 3.3em;
   text-align: center;
   color: #fff;
   margin: 0;
   padding: 0;
   text-shadow: 2px 2px black;
}

h3 {
   font-family: Oswald;
   font-weight: normal;
   font-size: 16px;
   text-align: center;
   margin: 5px 0;
   padding: 0;
   z-index: 1;
   position: relative;
}



.content{ margin: 0 auto; max-width: 960px; width:90% }

a{text-decoration:none; color:#fff;opacity:.8;}
a:hover {opacity:1; color:#0892D0;}


/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header { 
	width: 100%; 
	background-color: black; 
	height: 80px; 	
	position: fixed;
	opacity: 0.9;
	margin-top: 3%;
	z-index:1000;
}

#nav {margin: 20px auto; text-align:center; opacity:1;}
#nav ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;	
}

#nav li{
	margin-top: 9px;
	display:inline;
	margin:0px auto;
	padding-right: 10%;
}

#nav li a { color: #fff; opacity:0.6; font-size: 1.4em; font-family: 'Tahoma';font-weight: lighter; }
#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #fff; opacity:1;  }



/*= CONTAINERS AND SOME ELEMENTS
--------------------------------------------------------*/
.quotes {   
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  text-align: left;
  margin: 50px auto;
  padding: 0px 0ox 200px 220px;
}

.list_container {width: 80%; margin: 0 auto; }
 
.list
{   
   font-family: 'Raleway', sans-serif;
   font-weight: normal;
   font-size: 1.5em;
  text-align: left;
  margin: 50px auto;
}
.list li {margin: 10px 5% 0 0;text-transform: uppercase; text-align:center;list-style-type: none;}

.resume-container {margin: 0px auto; text-align:center; display: block;}


.resume { font-family:"tahoma"; margin: 0px auto; font-size: 1.5em; }  
 
.divider { background: url('../img/divider.png')no-repeat; width: 300px; height: 35px; margin: 0px auto 27px auto; }
.ribbon { background: url('../img/ribbon.png')no-repeat; width: 251px; height: 48px; margin: 0 auto;  display: block; position: relative; top: -38px; }
.location {margin: -30px auto 0px auto; text-align:center;}

.contact-container {text-align:center; margin:0 auto; color:white; font-family: Oswald; font-weight: normal;
   font-size: 1.4em; margin: 5px 0; padding: 0;	z-index: 1;	position: relative;}

	

.jarvis {margin: 0 auto;  display: block; position: relative;}

/*= SLIDES STYLING
--------------------------------------------------------*/

#home, #skills, #projects, #contact { width: 100%; }
#home{
	background:url('../img/home.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 100vh;
	margin: 0;
	padding: 200px 0 0px 0;
	background-size: cover;
}

#skills{
	background: url(../img/skills.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 100vh;
	padding: 150px 0 100px 0;	
	background-size: cover;
}

#projects{
	background: url(../img/projects.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 100vh;
	padding: 200px 0 0px 0px;	
	background-size: cover;
}

#contact{
	background: url(../img/contact.jpg) 50% 0 no-repeat fixed;
	height: 80vh;
	color: #fff;
	padding: 20vh 0px 0px 0px;
	background-size: cover;
}


/*= FOOTER 
--------------------------------------------------------*/

#copyright  { color: #fff; font-family:"tahoma";  font-size: .7em; margin-top: 250px; text-align: center;  }