/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {  
    margin: 0;  
    padding: 0; 
    border: 0;  
    font-size: 100%;    
    font: inherit;  
    vertical-align: baseline;}
    
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   
    display: block;}
    
    body {  
    line-height: 1.5;
    }
    
    ol, ul {    
    list-style: none;
    }
    
    blockquote, q { 
    quotes: none;
    }
    
    blockquote:before, blockquote:after,q:before, q:after { 
    content: '';    
    content: none;
    }
    
    table { 
    border-collapse: collapse;  border-spacing: 0;
    }   
    
    /* end reset*/
    
    /* Mobile Style (default) */

html {
	font-size: 1.25em;
}
	h1 {
    font-size: 2.5em;
    color: #c60000;
    font-family: Georgia;
 }  

 h2 {
    font-size: 2em;
    color: #c60000;
    font-family: Georgia;
 } 
 h3 {
    font-size: 1.5em;
 } 

 h4 {
    color: orange;
    font-family: Georgia;
 }               

a:link {
    color: #c60000; 
    text-decoration: none;
    }
    
a:visited {
color: #c60000; 
}

a:hover {
    color: orange;
    }
		
		#section1 {
			position: fixed;
			left: 35%;
			top: 25%;
			width: 100%; 
			height: 100%; 
			z-index: 999;
		}
		#section2 {
			position: fixed;
			top: -100%;
		}

		#section3 {
			position: fixed;
			top: 25%;
			left:100%;
			width: 100%; 
			height: 100%; 
			z-index: 1000;
		}

		#section4{
			position: fixed;
			left: -100%;
			z-index: 1000;
		}

		#section4 p {
			display: block;
		}

		#section5{
			position: fixed;
			left: -100%;
			z-index: 1000;
		}

		#section6{ position: fixed;
			left: -100%;
			z-index: 1000;
		}

		#section7 {
			position: fixed;
			top: 100%;
			z-index: 1000%
		}

		#section8 {
			position: fixed;
			left: -100%;
			z-index: 1000;
		}

		#section9 {
			position: fixed;
			left: -100%;
			z-index: 1000;
		}

		#section10 {
			position: fixed;
			top: 100%;
			left: 15%;
			z-index: 1000;
		}
		#section11 {
			position: fixed;
			top: 100%;
			z-index: 1000;
		}

		#back {
			position: fixed;
			top: 0%;
			left: 0%;
			z-index: 3;
			margin: 0 auto;
			opacity: .125;
		}
		#back2 {
			position: fixed;
			top: 0%;
			right: 0%;
			z-index: 2;
			margin: 0 auto;
			opacity: .125;
		}
		#back3 {
			position: fixed;
			top: 0%;
			right: 10%;
			z-index: 2;
			margin: 0 auto;
			opacity: .05;
		}

		#profile {
			position: fixed;
			top: 100%;
			left: 40%;
		}

		body {
		font-size: 1.25em;
		color: white;
		background-color: black;
		background-image: url(img/tweed.jpg);
		background-attachment: fixed;