@import url(http://fonts.googleapis.com/css?family=Martel+Sans:300,600);


html {
  height: 100%;
  overflow: hidden;
}

body { 
  margin:0;
  padding:0;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: Martel Sans;
  background:#000000;
}

.para { 
	perspective: 1px;
	transform-style: preserve-3d;
}

.resume{
	background-image: url("../images/paper.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
	
}

.photography{
	background-image: url("../images/blackpaper2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
	
}

.resume h2 {
	font-weight:300;
	color:#0061a2;
	font-size:300%;
	line-height:100%;
	margin:30px 0 20px 0;
	
}

.resume h3 {
	font-weight:600;
	color:#0061a2;
	margin:30px 0 0 0;
	line-height:100%;
	
}
.resume h4 {
	font-weight:300;
	color:#777777;
	font-size:110%;
	line-height:120%;
	margin:5px 0 0 0;
	
}

.resume p {
  font-size: 110%;
  line-height: 150%;
  color: #333;
  margin:10px 0 20px 0;
}


 .location {
	color:#777777;
	font-variant:small-caps;
}

.resumecontent{
	width:800px;
	margin:auto;
}

.gallerycontent{
	width:800px;
	margin:20px auto;
}

.homegallery{

	margin:20px auto;
}

.gallerycontent img {
	border:1px solid #ccc;
	margin:4px;
	padding:2px;
}

.homegallery img {
	border:1px solid #ccc;
	margin:4px;
	padding:2px;
}


h1 {
   font-size: 250%
}

h2 {font-size:200%;
}

p {
  font-size: 120%;
  line-height: 130%;
  color: #333;
}

.menu {

  width:100%;
  height:35px;
  top: 0;
  z-index:100;
  background-color:#000;
  color:#fff;
  text-align:right;
}

.menu a {
  text-decoration:none;
  color:#fdb714;
  font-size: 80%;
  margin-right:20px;
}

.menu a:hover{
	color:#fff;
}
	

.chemslide a {
  text-decoration:none;
  color:#fdb714;
  font-size: 80%;
}

#slide3 a, #slide4 a {
  text-decoration:none;
  color:#fdb714;
  font-size: 80%;
}

#slide2 a {
  text-decoration:none;
  color:#0061A2;
  font-size: 80%;
}

#slide4 a:hover {
  color:#fff;
}

.upper {
	z-index:10;
	position:relative;
}

.link{
	  text-decoration:none;
  color:#fdb714;
  font-size: 70%;
  margin-right:20px;
}
	

.slide {
  position: relative;
  padding: 10vh 10%;
  min-height: 100vh;
  width: 100vw;
  box-sizing: border-box;
	transform-style: inherit;
}




.slide:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
}

.title {
  width: 50%;
  padding: 5%;

}

.chemslide {
  width: 50%;
  padding: 1%;

}

.chemslide p, .chemslide h1 {
  color:#fff;
}


.chemslide h1 {
font-weight:300;
font-size:350%;
line-height: 100%;
}

.slide:nth-child(2n) .title {
  margin-left: 0;
  margin-right: auto;
}

.slide:nth-child(2n+1) .title {
  margin-left: auto;
  margin-right: 0;
}

.slide, .slide:before {
  background: 50% 50% / cover;  
}

.header {
  text-align: center;
  font-size: 175%;
  color: #fff;
  text-shadow: 0 2px 2px #000;
}

#title {
  background-image: url("../images/vincentium-table.png");
   background-attachment: fixed;  
}

#slide1:before {
  background-image: url("../images/chemistry.png");
  transform: translateZ(-1px) scale(2);
  z-index:-1;
}

#slide2 {
  background-image: url("../images/paper.jpg");
  background-attachment: fixed;
}

#slide4 {
  background-image: url("../images/blackpaper.jpg");
  background-attachment: fixed;
}