html
{
	padding: 0;
	margin: 0;
	font-size: 12px;
	height: auto;
	width: 100%;
}
	
	body
	{
		width: 100%;
		margin: 0;
		padding: 0;
		margin-bottom: 100px;
		font-family: 'Montserrat', sans-serif;
		height: auto;
		padding-top: 5px;
		margin-top: 10px;
	}

		div#main
		{
			text-align: center;
			width: 100%;
			height: 100%;
			margin: 0 auto;
			font-size: 4rem;
			overflow: auto;
			
			
		}

			div#header
			{
				position: relative;
				font-size: 4rem;
				text-align: center;
				height: auto;
				top: 0;
				z-index: 5;
				margin: 0 auto;
				width: 100%;
				//background-color: white;
				padding-top: 10px;
			}
			
				div#top
				{
					position: relative;
					font-weight: 100;
					margin-bottom: 0;
					text-transform: uppercase;
					width: 100%;
					font-size: 1.8rem;
				}

				div#satisfaction
				{
					position: absolute;
					margin: 0;
					padding: 0;
					top: 2%;
					left: 2%;
					width: 22%;
					font-size: 1rem;
				}
				
				img.satisfaction
				{
					width: 10%;
					
				}
				
				div#fb
				{
					position: absolute;
					margin: 0;
					padding: 0;
					top: 1vw;
					right: 1vw;
					width: 15vw;
					line-height: 0;
					
				}
			
				div#top_sub
				{	
					font-size: 1.1rem;
					text-transform: uppercase;
					font-weight: 100;
					
				}

			div#content
			{
				position: relative;
				height: auto;
				font-size: 1.3rem;
				margin: 0 auto;
				width: 94%;
				text-align: left;
				//padding-top: 3%;
				padding-right: 3%;
				padding-left: 3%;
				margin-bottom: 80px;
			}
			
			div#thumbs
			{
				clear: both;
				margin-top: 50px;
				margin-bottom: 80px;
				text-align: center;
			}
			img.gallery
			{
				display: inline-block;
			}
			
			ul
			{
				white-space: normal;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			li
			{
				text-transform: none;
				white-space: normal;
			}
			
h1, p.h1
{
	font-size: 1.7rem;
	font-weight: normal;
}

h2, p.h2
{
	font-size: 1.6rem;
	font-weight: normal;
}

h3, p.h3
{
	font-size: 1.5rem;
	font-weight: normal;
}

h1, h2, h3
{
	text-transform: uppercase;
}

h3#intro
{
	text-align: center;
	font-weight: normal;
}

div#footer
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 4%;
	width: 100%;
	margin: 0;
	z-index: 9;
	padding-top: 2%;
	//padding-bottom: 1vw;
	text-align: center;
	font-size: 0.8rem;
	//min-height: 40px;
}
	
	div#footer_links
	{
		display: inline-block;
		margin: 0 auto;		
		width: 75%;
		//padding-top: 8px;
		height: 60%;
	}
	
	div.footer_link
	{
		width: 33%;
		float: left;
		font-size: 1rem;
	}
	
	img.footer_icon_right
	{
		float: right;
		margin-right: 1%;
		
	}
	
	img.footer_icon_left
	{
		float: left;
		margin-left: 1%;
	}

	img.footer_icon_left, img.footer_icon_right
	{
		//margin-top: 3px;
		height: 70%;
		//width: 3%;
		//background-color: red;
		vertical-align: middle;
	}
	


@media screen and (min-width: 600px)
{
	html
	{
		font-size: 1rem;
	}
	
	div#main
	{
		width: 600px;
	}
	
	div#content
	{	
		height: auto;
	}
	
	div#veganburger
	{
		display: none;
	}
	li
	{
		margin-bottom: 2vh;
	}
	img.page
	{
		width: 18%;
		border: 0.2vw solid #999999;
	}
}

@media screen and (min-width: 1000px)
{
	html
	{
		font-size: 21.7px;
	}
	
	div#main
	{
		width: 1000px;
	}
	
	div.footer_link
	{
		width: 33%;
		float: left;
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 1400px)
{
	html
	{
		//font-size: 20px;
	}
	
	div#main
	{
		width: 1400px;
	}
	
}


@media screen and (min-width: 1800px)
{
	html
	{
		font-size: 30px;
	}
	
	div#main
	{
		width: 1800px;
	}
}