body
{
	background-color:	#C34A2C;
}

.wrapper
{
	background-color:	white;
}

.banner
{
	background-color:	white;
	position:		relative;
	top:			0px;
	left:			2%;
	width:			96%;
}
.bannertext
{
	display:		block;
	margin-left:		auto;
	margin-right:		auto;
	width:			70%;
	text-align:		center;
	font-size:		80%;
}

.navigation
{
	background-color:	white;
	position:		relative;
	top:			0px;
	left:			5%;
	width:			90%;
	text-align:		center;
}
.navbuts
{
	width:			48%;
}

.main
{
	background-color:	white;
	position:		relative;
	top:			0px;
	left:			5%;
	width:			90%;
}
.mainholi
{
	background-color:	white;
	position:		relative;
	top:			0px;
	left:			5%;
	width:			90%;
	font-size:		67%;
}
.holitable
{
	width:			100%;
}
.holitable2
{
	width:			100%;
}

.footer
{
	background-color:	white;
	position:		relative;
	top:			0px;
	left:			2%;
	width:			96%;
	text-align:		center;
}

.myimg
{
	width:			23%;
}

.aboutimg
{
	width:			96%;
}

.food
{
	width:			96%;
}

@media only screen and (min-width: 300px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-150px;
		width:			300px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			75%;
		text-align:		center;
		font-size:		83%;
	}
	.myimg
	{
		width:			22%;
	}
	.aboutimg
	{
		width:			96%;
	}
	.food
	{
		width:			96%;
	}
	.navbuts
	{
		width:			48%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		70%;
	}
	.holitable
	{
		width:			97%;
	}
	.holitable2
	{
		width:			96%;
	}
}

@media only screen and (min-width: 350px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-175px;
		width:			350px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			80%;
		text-align:		center;
		font-size:		86%;
	}
	.myimg
	{
		width:			21%;
	}
	.aboutimg
	{
		width:			92%;
	}
	.food
	{
		width:			96%;
	}
	.navbuts
	{
		width:			24%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		73%;
	}
	.holitable
	{
		width:			94%;
	}
	.holitable2
	{
		width:			92%;
	}
}

@media only screen and (min-width: 400px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-200px;
		width:			400px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		89%;
	}
	.myimg
	{
		width:			22%;
	}
	.aboutimg
	{
		width:			88%;
	}
	.food
	{
		width:			96%;
	}
	.navbuts
	{
		width:			24%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		76%;
	}
	.holitable
	{
		width:			91%;
	}
	.holitable2
	{
		width:			88%;
	}
}

@media only screen and (min-width: 450px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-225px;
		width:			450px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		92%;
	}
	.myimg
	{
		width:			23%;
	}
	.aboutimg
	{
		width:			86%;
	}
	.food
	{
		width:			96%;
	}
	.navbuts
	{
		width:			24%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		79%;
	}
	.holitable
	{
		width:			88%;
	}
	.holitable2
	{
		width:			84%;
	}
}

@media only screen and (min-width: 500px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-250px;
		width:			500px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		95%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			82%;
	}
	.food
	{
		width:			96%;
	}
	.navbuts
	{
		width:			23%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		82%;
	}
	.holitable
	{
		width:			85%;
	}
	.holitable2
	{
		width:			80%;
	}
}

@media only screen and (min-width: 550px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-275px;
		width:			550px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		98%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			78%;
	}
	.food
	{
		width:			96%;
	}
	.navbuts
	{
		width:			22%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		85%;
	}
	.holitable
	{
		width:			82%;
	}
	.holitable2
	{
		width:			76%;
	}
}

@media only screen and (min-width: 600px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-300px;
		width:			600px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		101%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			72%;
	}
	.food
	{
		width:			48%;
	}
	.navbuts
	{
		width:			20%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		88%;
	}
	.holitable
	{
		width:			79%;
	}
	.holitable2
	{
		width:			72%;
	}
}

@media only screen and (min-width: 650px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-325px;
		width:			650px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		104%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			68%;
	}
	.food
	{
		width:			48%;
	}
	.navbuts
	{
		width:			20%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		91%;
	}
	.holitable
	{
		width:			76%;
	}
	.holitable2
	{
		width:			68%;
	}
}

@media only screen and (min-width: 700px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-350px;
		width:			700px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		107%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			64%;
	}
	.food
	{
		width:			48%;
	}
	.navbuts
	{
		width:			20%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		94%;
	}
	.holitable
	{
		width:			73%;
	}
	.holitable2
	{
		width:			64%;
	}
}

@media only screen and (min-width: 750px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-375px;
		width:			750px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		110%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			60%;
	}
	.food
	{
		width:			48%;
	}
	.navbuts
	{
		width:			20%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		97%;
	}
	.holitable
	{
		width:			70%;
	}
	.holitable2
	{
		width:			60%;
	}
}

@media only screen and (min-width: 800px)
{
	.wrapper
	{
		background-color:	white;
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-400px;
		width:			800px;
	}
	.bannertext
	{
		display:		block;
		margin-left:		auto;
		margin-right:		auto;
		width:			85%;
		text-align:		center;
		font-size:		113%;
	}
	.myimg
	{
		width:			11%;
	}
	.aboutimg
	{
		width:			56%;
	}
	.food
	{
		width:			48%;
	}
	.navbuts
	{
		width:			20%;
	}
	.mainholi
	{
		background-color:	white;
		position:		relative;
		top:			0px;
		left:			5%;
		width:			90%;
		font-size:		100%;
	}
	.holitable
	{
		width:			67%;
	}
	.holitable2
	{
		width:			60%;
	}
}