/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{
	
}

#BackToTop{
	color: #fff;
	position: fixed;
	right: 15px;
	top: 15px;
	z-index: 998
}

section.topLanding{
	height: 100vh;
	width: 100vw;
	text-align: center;
    background: url("../images/Background-Image.jpg.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
    z-index: 999;
}

section.topLanding h1{
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.7em;
	line-height: normal;
	padding-top: 45vh;
}

section.topLanding h2{
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.7em;
	line-height: normal;
}

section.work{
	height: auto;
	width: 100vw;
	background-color: #bcbcbc;
	text-align: center;
}

 img{
	max-height: 90vh;
	max-width: 90vw;
	margin: 100px 5vw 0px;
}

section.work img.border{
	border-top: 40px solid white;
	border-bottom: 50px solid white;
	border-left: 40px solid white;
	border-right: 40px solid white;
	max-height: 80vh;
	max-width: 80vw;
}

section.work ul{
	padding-bottom: 100px;
}

section.about{
	text-align: center;
	height: 100vh;
	width: 100vw;
}

section.about img{
	max-width: 400px;
	width: 50vw;
	border-radius: 50%;
	margin-top: 20vh;
	margin-bottom: 50px;
}

section.about div.GraceBio{
	max-width: 600px;
	width: 50vw;
	margin: 0 auto;
	padding-bottom: 50px; 
}

section.about p{
	color: #1b1b4b;
}

section.about h1{
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.7em;
	line-height: normal;
}

section.about h2{
	font-family: sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: normal;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://demo.1989.co.nz/grace/fonts/FontName.eot');
	    src: url('http://demo.1989.co.nz/grace/fonts/FontName.eot?iefix') format('eot'),
	         url('http://demo.1989.co.nz/grace/fonts/FontName.woff') format('woff'),
	         url('http://demo.1989.co.nz/grace/fonts/FontName.ttf') format('truetype'),
	         url('http://demo.1989.co.nz/grace/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/