/** * 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*/

	  
    body {
    	height: 100%;
		margin: 0;
		background-color: white;
   	}

   	p { 
   		color:black;
   		text-align: left;
		font-size: 22px;
		font-family: 'Open Sans Condensed', sans-serif;

	}

    h1 { 
		color: black;
		text-align: center;
		font-size: 7em;
		font-family: 'Amatic SC', cursive;
	}

	h2 {
		font-size: 3em;
		font-family: 'Amatic SC', cursive;
		padding-bottom: 0.5%;

	}

	h3 { font-size: 26px;
		font-family: 'Open Sans Condensed', sans-serif;
		color:black;
		text-align: center;
		padding-bottom: 1.5%;
		} 

	span { 
		padding-left: 1.5%;
	 }

	span .two { 
		padding-left: 1.5%;
		 }
   	
    #wrapper {
			width: 99.9%;
			margin: 2% auto;
			}

			
    .coffee  {
      height: 600px;
    }
			
	.parallax {
    	position: relative;
    	background-attachment: fixed;
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
    	}
    
		#coffee {
			background-image: url(img/coffee.jpg);
			min-height: 100%;
		}
   
		#proudmary {
			background-image: url(img/proudmary.jpg);
			min-height: 100%;
		}
	
		#casestudy {
			background-image: url(img/casestudy.jpg);
			min-height: 100%;
		}
	
		#heart {
			background-image: url(img/heart.jpg);
			min-height: 100%;
		}
	
		#thesocietyhotel {
			background-image: url(img/thesocietyhotel.jpg);
			min-height: 100%;
		}
	
		#coava {
			background-image: url(img/coava.jpg);
			min-height: 100%;
		}

		#nevercoffeelab {
			background-image: url(img/nevercoffeelab.jpg);
			min-height: 100%;
		}

		#guilder {
			background-image: url(img/guilder.jpg);
			min-height: 100%;
		}

		#kainos {
			background-image: url(img/kainos.jpg);
			min-height: 100%;
		}

		#cupandbar {
			background-image: url(img/cupandbar.jpg);
			min-height: 100%;
		}

		#upperleftroasters {
			background-image: url(img/upperleftroasters1.jpg);
			min-height: 100%;
		}

		#coffeeend { 
			background-image: url(img/coffeeend.jpg);
			min-height: 100%;

		 }

	.description {
		width: 80%;
		text-align: center;
		color: black;
		margin: 0 auto;
		font-size: 1.4em;
		padding: 4%;
		font-family: 'Open Sans Condensed', sans-serif;
		/* border: 1px solid black; */

	}
	
	footer {
		text-align: center;
		color: black;
		font-size: 2em;
		padding: 2.5%;
		font-family: 'Amatic SC', cursive;	
	}
  	
  	/* Turn off parallax scrolling for tablets and phones */
	@media only screen and (max-device-width: 1024px) {
    	#coffee, #proudmary, #casestudy, #heart, #thesocietyhotel, #coava, #nevercoffeelab, #guilder, #kainos, #cupandbar, #upperleftroasters, #coffeeend {
        background-attachment: scroll;
    } 
    
    /*tablet styles*/
    @media only screen and (min-width: 500px) and (max-width: 700px) {
    
   		#wrapper { 
			width: 100%;
			margin: 2% auto;
			}

    }
    
    /* desktop styles */
	@media only screen and (min-width: 701px) {
		#wrapper{ 
		width:100%;
		margin:2% auto;
		}
	}