@font-face	{
	font-family: vagRegular;
	src: url("../../Fonts/vag_rounded_regular/vag_rounded_regular.ttf");
}
@font-face	{
	font-family: interTight;
  font-weight: 300;
	src: url("../../Fonts/InterTight-VariableFont_wght.ttf");
}


*   {margin: 0; padding: 0;
    font-family: interTight;
	box-sizing: border-box;}

html{overflow-x: hidden;}	
body{position: relative; overflow-x: hidden;}

/*------------------------------------------------------------------------*/

#sectionContainer	{
	display: grid;
	grid-template-columns: 100vw 100vw 100vw 100vw;
	width: 100%;
	height: 100%;
	position: relative;
	transition-duration: 1s;
}
.section	{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 72vh;
	position: relative;
	overflow-y: auto;
	transition-duration: 1s;
	transform-origin: center;
	overflow-x: hidden;
		
  padding-top: 12vh;
}	

/*-----------------------------------------------------------------------*/

@media only screen and (min-width: 500px) and (max-width: 800px)	{
#live	{display: flex; justify-content: center; align-items: center;}
#liveFB {width: 500px; margin: auto;}
}

*:not(p)	{font-size: 4vw;}



#landing	{height: 45vh;/**/ display: box; justify-content: center; align-items: center;
		background-image: url("../../Images/shopfront3.jpg"); background-size: cover; 
		background-repeat: no-repeat; background-position: center;
		width: 100%; border-radius: 10px;}

#landing2	{
	height: 100%;
	width: 100%;
}

.landingImg	{box-shadow: 0 0 0 purple inset;}

#blurb	{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	width: 100%;
	height: 100%;
	/*background-color: #3865a6dd;*/
	background-color: #16438455;
	bottom: 0;
	color: white;
	font-size: 10vw;
	/*bottom: -29vh;*/
	margin: auto;
	border-radius: 0px;
	padding: 30% !important;
}



#blurb2  {
    font-size: 2vh;
	width: 95%;
	
	background-color: #00FFFFDD;
	border-radius: 0px;
	padding: 30px;

	position: relative;
	margin: auto;
	
	margin-top: 25px;
	margin-bottom: 10px;
  border-radius: 5px;
}

#content	{
	display: block;
	/*margin-top: 30vh;*/ margin-top: 0px;
}

#map	{height: 50vh;}
#live	{height: 500px; width: 95vw; margin: auto;}
iframe	{width: 95vw;}

#openTimes	{border-spacing: 0px 10px !important; width: 85vw; margin-left: 0 !important;}

#details ul	{margin-left: 0;}

/*--------------------------------------------------------------------------------------------------*/

#section2 div p	{font-size: 6vw;}
#section2 div:not(#aboutAbout):not(#aboutBlurb) {padding: 0px; text-align: left;}
#aboutAbout	{width: 100vw;}
#aboutBlurb	{width: 98%; padding: 15px; margin: auto;}
#aboutBlurb #serviceList	{width: auto;}
#aboutAbout table	{width: 80vw;}
/* #section2	{padding: 0;} */
#section3 h1 {font-size: 6vw;}

/*----------------------------------------------------------------------------------------------------*/

#tableWrapper	{width: 100vw;}	

/*----------------------------------------------------------------------------------------------------*/

#footer	{height: auto;}
#footer td	{line-height: 4vh; width: 100vw; text-align: center;}
#footer *	{font-size: 4vw;}
#footer a	{	color: white;	}
#footer a::before	{display: inline-block; height: 4vh; width: 4vh; content: " "; transform: translateY(25%); background-image: url('../../Images/mryeedesigns.ico'); background-size: contain;}