@media only screen and (min-width: 831px) {
* {margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a {text-decoration: none; }
a:hover { color: #ffffff; }

.fixed {
	position: fixed; 
	top: 0; 
	height: 48px;
	z-index: 1;
}

body {
	background: #000000;
	font-family: 'Lato'; 
	font-weight: 300;
    font-size: 22px;
}

/*  .parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 1px;
    perspective: 1px;
  }
*/
@font-face {
    font-family: 'Lato';
    font-weight: normal;
}	

nav {
    position: fixed;
	top: 0;
	width: 100%;
	height: 48px;
    font-size: 22px;
    text-align: left;
    font-family: 'Lato';
    font-weight: 300;
    background-color: #000000;
    color: #a1afcc;
    overflow: hidden;
    z-index: 10;
    float: right;
    }

nav li {
	display: inline-block;
    padding: 12px 13px;
    vertical-align: center;
    
}

nav li a {
	color: #a1afcc;
	text-transform: uppercase;
}

nav li a:hover {
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 0 3px #FFFFFF, 0 0 6px #FFFFFF, 0 0 12px #FFFFFF;
}

nav img {
    float: right;
    
}



section {
	min-height: 100vh;
    width: 100vw;
    /*color: #f2f7ff;*/
}

p {

    font-family: 'Lato';
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;

}
h1 {
    font-family: 'Lato';
    font-weight: 300;
    font-size: 22px;
    text-align: center;
    min-height: 48px;
    color: #ffffff;
    text-transform: uppercase;
}

.logo {
    vertical-align: center;
    margin-right: 13px;
}

/* Screens Settings */
#home {
    background-color: #000000;
    background-image: url("/bg/bg-left.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0px 48px;

    position: relative;
	




}

#home .container {
	/*padding-top: 200px;*/
    color: #ffffff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#bio {
    background-color:rgba(0,0,0);
    box-shadow: 0 0px 28px rgba(0, 0, 0);
    box-shadow: 0 0px 18px rgba(0, 0, 0);
    box-shadow: 0 0px 8px rgba(0, 0, 0);
    z-index: 8;

    position: relative;
}

#bio p {
    color: #ffffff;
	position: absolute;
    top: 50%;
    left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	

}

#contact {
    background-image: url("/bg/bg-right.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right 48px;
    position: relative;
}

#contact .image {
    margin-top: 33vh;
    margin-left: 33vw;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    z-index: 8;
    left: 24px;
    float: left;
}

#contact p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}



footer {
 font-family: 'Lato';
 font-size: 12px;
 color: #ffffff;
 text-align: center;
 padding: 6px;
}

#copyright dt, dd {

    display: inline;

}


}

@media only screen and (max-width: 830px) {
	* { margin: 0;padding: 0;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	body {

		background: #000000;
		font-family: 'Lato'; 
		font-weight: 300;
	    font-size: 22px;
		color: #ffffff;
		text-align: center;
	    background-image: url("/bg/bg-left.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0px 72px;
	}

    nav {
        height: auto;
		text-align: center;
    }

	a {
		text-decoration: none;
	}

	nav li {
		display: inline-block;
	    vertical-align: center;

	}

	nav li a {
		font-size: 14px;
		color: #a1afcc;
		text-transform: uppercase;
		text-decoration: none;
	}
    nav img, div {
        display: block;
		margin: auto;
        float: none;
    }

	.logo {
		display: block;
		text-align: center;
	}


	h1 {
	    font-family: 'Lato';
	    font-weight: 300;
	    font-size: 22px;
	    text-align: center;
	    min-height: 48px;
	    color: #ffffff;
	    text-transform: uppercase;
	}

	p {

		font-family: 'Lato';
		font-size: 16px;
		font-weight: 300;
		color: #ffffff;

	}

	section {
		min-height: 100vh;
		width: 100vw;
    /*color: #f2f7ff;*/
	}

	#home {
	    position: relative;
	}

	#home h1 {
		/*padding-top: 200px;*/
	    color: #ffffff;
	    position: absolute;
	    top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}

	#bio {
	    position: relative;
	}

	#bio p {
	    color: #ffffff;
		position: absolute;
	    top: 50%;
	    left: 50%;
		text-align: center;
		-webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}

	#contact {
		position: relative;
		text-align: center;

	}

	#contact .image {
		text-align: center;
	    float: left;
	}

	#contact p {
	    color: #ffffff;
		position: absolute;
	    top: 50%;
	    left: 50%;
		text-align: center;
		-webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}


	footer {
		 font-family: 'Lato';
		 font-size: 12px;
		 color: #ffffff;
		 text-align: center;
		 padding: 6px;
	}

	#copyright dt, dd {
		 font-family: 'Lato';
		 font-size: 12px;
		 display: inline;
	}


}