/* love and lentils */

*,
*::after,
*::before{
	box-sizing: border-box;}

button,
input,
textarea,
select {
font: inherit;
}

body
{	background:#c5c5c5 url(pattern.png) repeat;  /*url(foot-noise.png) repeat;*/ 
	font-family: 'Roboto Condensed', sans-serif; 
	position: relative;	-webkit-text-size-adjust: none;  
	box-shadow: 0px 0px 60px hsla(0, 0%, 9%, 0.4);
	padding: 0; 
	margin: 0;}


body *
{ text-shadow: none;}

 @media only screen and (min-width: 1600px) { 
	 body {
		 margin: 0 15%;}
}


h1, h2, h3, h4, h5, h6 {
	line-height: 1; 
	margin: 0;}

h1 {
	padding: 30px 7.5% 0px 7.5%; 
	color: hsl(180, 8%, 36%);  
	margin: 0;  
	font-weight:400;  
	font-size: 2.1em; 
	opacity:.95; 
	line-height: 1.6em;}

h2 {
	font-size: 2.6em;   
	color: #7c3f19;
	padding: 0px 7.5% 2px 7.5%;   
	margin:0;  
	opacity: .85; 
	line-height: 1.8em;}

h3 {
	font-size: 2em; 
	line-height: 1.6em; 
    padding: 0px 7.5% 0px 7.5%; 
	font-weight: 800; 
	color: #542b12;}

h4 {	
	font-size: 1.2em; 
	padding: 0 7.5% 0 7.5%; 
	color: #FCA105; 
	line-height: 1.8em;
	font-weight: 600; 
	margin: 0;}

h5 {	
	font-size: 1.08em; 
	padding: 0 5% 32px 7.5%; 
	font-weight: 100; 
	color: #607444; 
	line-height: 1.4em;}

h6 {
	font-size: 1.8em; 
	padding: 32px 5% 32px 2.5%; 
    font-weight: 100; 
	color: white; 
	line-height: 1.6em; 
    background: hsl(300, 25%, 41%); 
	margin: 0 5%;  
	box-shadow: 2px  2px 120px hsla(300, 85%, 11%, 0.23);}

p {
	font-size: 1.4em;  
	padding: 2px 7.5% 23px 7.5%;   
	margin:0;  
	font-weight: normal; 
	color: #542b12; 
	line-height: 1.8em}


@media only screen and (max-width: 480px) { 
 h1 { 
	 padding: 0 3%; 
	 line-height: 1em;
	 font-size: 3em !important;} 

 h2 { 
	 font-size: 1.4em; 
	 padding:  0px 3% 0 3% !important;}

 h3 {
	 font-size: 1.2em; 
	 padding: 12px 3% 0 3%; }

 p { 
	 padding:0px 3% 12px 3%;
	 font-size: 1em;  }
}

img {
	margin: 0; 
	width: 100%; 
	height: auto;}
	
	.plus {font-size: 1.2em;}

.look {
	color: hotpink; 
	font-size: 1.08em;
	letter-spacing: .1em;
	padding: 0 0 8px 0;
	}
	
	
.quote {
	color: hotpink; 
	font-size: 1.08em;
	letter-spacing: .1em;
	padding: 0 0 8px 0;
	}
	
	
	.news {
	padding:12px 23px ;
    border-radius: 12px;
	border: 6px dotted hotpink;
	margin: 2% 6%;
	background: hsl(0, 100%, 95%);
	}
	
	
 
 .nb {border-bottom: #fcc solid 8px; padding: 0 0 3px 0; font-style: italic;}
	
	.price {
		border-bottom:12px solid goldenrod;
		padding:  8px ;	
		font-weight: 900;
		background: transparent;

					}
			
	.test {
	font-style: italic;
	padding: 23px 10%;
	letter-spacing: 0.02em;
	}	
	
	.nicebox {
		background: #eee url(pattern.png) repeat;
		padding: 5%;
		font-size: .9em;
		}
			

@media only screen and (max-width: 480px) {	 

   .big {
	font-size:1.2em; 
	opacity:.9; 
	line-height: .8em;}

.red {
	color:#ED2939;  
	font-size:.8em; 
	opacity:.5; 
	line-height: .8em; 
	font-family: 'Open Sans', sans-serif; 
	border-bottom:0; 
	padding: 0 0 23px 0; 
	text-shadow: 0;}
 }



a, a:link, a:active, a:visited, a:hover {
	color: deeppink; 
	border-bottom: 2px solid;
	text-decoration: none; 
	outline:none; 
	padding: 0 2px;}
	
a {
	outline: none;}

a:hover {
	border-bottom: 4px solid #442009; 
	text-decoration: none; 
	outline:none; 
	padding: 4px 2px;
	background: #5F2F11;  
	transition: 2.3s; 
	color: white;}

a:active {
	background: #3C84BC; 
	border-bottom: 12px solid #3C84BC;
	color: white;}

ul li {
	list-style-type: none;	
	margin: 0px;	
	padding: 0px; 

	}

#contain {
	height: auto; 
	width: auto; 
	box-shadow: 0px 0px 60px hsla(0, 0%, 9%, 0.4); 
	background: #d7d7d7;}


/* menu stuff goes here*/
nav:not(.mm-menu)
{display: none;}

#menu p {
	color: #ffc; 
	padding: 20px; 
	font-size: 1em; 
	background: transparent; 
	font-weight: normal;}

#menu h3 {
	font-size: 1.2em;}





.header
{
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0;
	height: 56px; 
	padding: 0px; 
	z-index: 23;
	position: fixed; 
	opacity: .8;}

	/*
	.header2
{	background: red;
	font-weight: normal;
	width: 100%; 
	top: 0;
	height: 50px; 
	opacity: .7;
	padding: 7px 0 0 0; 
	position: fixed;}
	*/
	
	.header a
{	background: center center no-repeat hsl(23, 70%, 22%);
	background-image: 
	url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
	display: block;	
	width: 50px; 
	height: 44px; 
	position: absolute;
 border-radius: 3px;
 border: white dotted 1px;
	top: 6px;	
	left: 8px; 
	opacity: 0.8;

		}


.header.fixed { 
	position: fixed; 
	top: 0; 
	left: 0;  }
	
@media only screen and (min-width: 600px) 
{ 		.header {
	width: 10%;}
/*
		.header2 {
			display: none;}
*/
		.header FixedTop {
			display: none}

        .header a {
			display: none;}
}
	



/* - - - nav - - - */
/* for desktop yada */
#nav {
	width: 100%; 
	background:#442009 url(pattern-2.png) repeat; 
	position: fixed; 
	opacity:.95; 
	border-bottom: 0; 
	padding: 0; 
	z-index: 10; 
	text-align: right;
	  background-image: linear-gradient(#442009, #5F2F11) url(pattern-2.png) repeat;
}

@media only screen and (min-width: 1600px) 
{
	#nav { 
	width: 70%;  
	margin: 0; 
	padding: 0 2% 0 0;}
}


@media only screen and (max-width: 600px) 
{ 
	#nav {
		display: none;}
}



#nav h3 {
	padding: 0px; 
	font-weight: normal; 
    font-size: 1.2em; 
	color: lightbrown; 
	line-height: 40px;
	}


@media only screen and (min-width: 768px) {
#nav h3 {
	padding: 15px 23px 0 12px; 
	}
	}


#nav a {
	border: 0; 
	color: #fff; 
	padding: 0 6px;}
	

#nav a:hover {
	background:#fcc;  
	color: #442009;
	padding: 40px 6px 95% 6px;  
	border-top: 30px solid hotpink;  
		border-bottom: 50px solid hotpink;  
	opacity: .8;  
	transition: 2.3s; }

#nav a:active {
	background: #40ADE9;  
	padding: 40px 6px 25% 6px;  
	border-top: 22px solid #fff; 
	color: #fff !important;  } 

#nav a:visited {
	color: #eee;} 




/*content */

#banner {
	width: 100%; 
	height: auto; 
	background: hsl(23, 70%, 22%) url(pattern-2.png) repeat;
	}

#banner h1{
	padding: 60px 7.5% 0px 7.5%; 
	color: #fff;  
	margin: 0px;   
	line-height: 1.2em;
	font-size: 6em;  
	font-family: 'Berkshire Swash', cursive;}

#banner h2 {
	font-size: 1.9em; 
	letter-spacing: 0.45em; 
	padding: 0% 7.5% 3% 8.5% !important;  
	color: #ffc; 
	margin: 0; 
	font-weight: 400;
	font-variant: small-caps;
	text-shadow: 2px 2px 2px #000;
	}

@media only screen and (max-width: 480px) 
{ 

#banner {
	width: 100%; 
	height: auto; 
	background: hsl(23, 70%, 22%) url(pattern-2.png) repeat;
	margin: 0px 0 0 0;
	}


	#banner h2  {
		font-size: 1.4em; 
		padding: 0 3% 20px 10% !important; 
		line-height: 1.25em; 
		letter-spacing: .21em;}
}


#banner a {
	color: #fff; 
	border: 0;
	}

#banner a:hover {
	color: deeppink; 
	background: transparent; 
	border-bottom: 0;}



#intro { 
	background: #fff; 
	height: auto; 
	padding: 0;}

#intro img {
	width: 100%;}

@media only screen and (max-width: 480px) 
{
#intro {
	line-height: 1.6em; 
	margin:0; 
	border:0;  
	height: auto; } 
}




#first {
	height: auto; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	background: snow;}

#first h1 {
	font-size: 3em; 
	color: orangered;
	font-variant: small-caps;
	font-weight: 900;
	}

#first h2 {
	padding:0% 7.5%;}

@media only screen and (max-width: 480px) 
{
	#first h1 {
		font-size: 2.3em !important; 
		padding: 0 0 10px 3%;}
}


#first ul li {
	list-style-type: disc;	
	margin: 0 0 0 7%; 
		font-size: 1.4rem;
			color: #542b12;
			padding: 0 0 0 23px; 
			line-height: 2.3rem;
}

#second { 
	height: auto; 
	width: 100%; 
	background: #5e2f11;}

#second h1 {
	color: white; 
	font-size: 3em; } 

#second h3 {
	color: white;}



#third {
	height: auto;  
	background: #fff; }

#third h1 {
	color: orangered; 
	font-size: 3em;}
	
	
	
#pic1 {
	margin: 0; 
	height: auto; 
	width: 100%; 
	background: #fff; 
	padding: 0;}

#pic1 img {
	width: 100%;}
	
	
	
#four {
	height: auto;   
background: #442009;
	width: 100%; 
	padding: 12px 0; 
	margin: 0;} 

#four h1 {
	font-size:3em; 
	color: orangered;
	font-variant: small-caps;
	font-weight: 900;
	}

#four h3 {
	color: white;}

#four p {
	color: white;}






#footer {
background: #442009  url(polkaX.png)repeat; 
	width: 100%; 
	height: 130px; 
	margin: 0;}

#footer h3 {
	font-size: 1.6em; 
	margin: 0; 
    padding:0px 0 0px 5%; 
	font-weight: normal; 
	color: gold;} 

#footer a {
	color: #fff; 
	border:0;}

#footer a:hover {
	color: gold; 
	background: transparent;}
	


@media only screen and (max-width: 480px) 
{
  #footer	{
	  position: relative;	
	  font-weight: normal;	
	  width: 100%;	
	  height: 140px;  
	  margin: 0;  }
	
 #footer h3 {
	 font-size: 1.2em !important; 
	 line-height: 1.8em; 
	 margin: 0; 
	 padding:23px 0 0 3% !important; 
	 font-weight: normal; 
	 bottom: 0;} 
}


	.schedule 
	{background:lavender url(asterisk.png) repeat;
	padding: 5%;
	margin: 0 6%;
	border-radius: 6px;
	border: solid 12px white;
    box-shadow: 0px 0px 60px hsla(0, 0%, 9%, 0.15);
	}


.sml {
	font-size: .666em; 
	padding: 0 0 0 4%; 
	color: pink;}

.smla {
	font-size: .666em; 
	padding: 0 0 0 4%; 
	color: yellow; }

.sml2 {
	font-size: .666em; 
	padding: 0; 
	color: purple;  }

.sml3 {
	font-size: .666em; 
	padding: 0; 
	color: goldenrod;  }

.sml4 {
	font-size:0.666em;  
	letter-spacing: .1em; 
	padding:  4px 8px 4px 10px;  
	color: orangered; 
	background: snow; 
	border: 1px dotted orangered; 
	margin: 0 18px 12px 0; 
	border-radius: 8px;}

.sml4:hover {
	background: red; 
	color: white;}
	
	.sml5 {
	font-size: .8em;	
	}
	
	.sml2-line {
	font-size: .666em; 
	padding: 0; 
	color: purple; 
	/*text-decoration-line: line-through;  */}