body { background: #363636 url("thurmancafebackgroundgradient.png"); text-align:center;}

/*
#topmenu {background: url("thurmantopmenu.png") no-repeat;

	width:100%;
height: 85px;
margin: 0 0 0 0%;
}
*/
#topmenu {
    background: url("thurmantopmenu.png") no-repeat;
    background-size: cover; /* This will make the image stretch and scale according to the container size */
    height: 15vh;
    margin: 0 0 0 0;
    display: flex; /* Aligns the child elements in the center */
    justify-content: center; /* Centers the content horizontally */
    align-items: center; /* Centers the content vertically */
    width: 100%; /* Sets the width to be 100% of it's container, making it responsive */
}


@media screen and (max-width: 768px) {
  #topmenu {
    height: 10vh;
  }
}


#currentwait {
	/*width: 630px;*/
	width:100%;
/*height: 85px;*/
margin: 0 auto;
}
	

#topmenuinfo {
color: #fff;
	font-size:1.0rem;
margin: 0 0 0 0;
}

#topmenuinfo a, a:hover {
text-decoration: underline;
color:#fff;
}

#topmenuinfo a:visited {
color:#ffff00;
}

#giftcertificates h2 a:visited  {
color: #743399;
}

#topmenuinfo h1 {
font-size: 1.9rem;
/*margin: 10px 0px 5px 0;*/
}



.waitcamtext {
font-family: 'Doppio One', sans-serif;
font-size: 42px;
position: absolute;
margin: 10px 0 0 400px;
color: white;
z-index: 5; 
width: 200px;

}


.waitcamofflinetext {
font-family: 'Doppio One', sans-serif;
font-size: 42px;
position: absolute;
margin: 75px 0 0 0px;
color: white;
z-index: 5; 
width: 50%;

}

#waitcamadleft {
float: left;
width: 25%;
}


#waitcamadright {
float: right;
width: 25%;

}

#camimage {
float: left;
width: 100%;
}

#thurmantogo {
margin: 3px 0 0 0px;
width: 100%;
height: 2px;

}

#thurmantogo h1 {
font-family: 'Doppio One', sans-serif;
font-size: 42px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 20%;
}


#thurmantogo p  {
font-family: 'Doppio One', sans-serif;
color: white;
font-size: 18px;
}



#twitterbutton{
margin: 3px 0 0 0px;
width: 100%;
height: 2px;
}


.twittertext {
font-family: 'Doppio One', sans-serif;
font-size: 18px;
color: white;
z-index: 5; 

}



#currentwait h2 {
font-family: 'Doppio One', sans-serif;
font-size: 3.2rem;
/*font-size: 42px;*/
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: underline;
margin-top: 0%;

}


#freeburger h2 {
font-family: 'Doppio One', sans-serif;
font-size: 32px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: none;
margin-top: 10%;

}


#optin h3 {
font-family: 'Doppio One', sans-serif;
font-size:2.0rem;
/*font-size: 28px;*/
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 3.5%;
margin-bottom: 2%;

}
#twitter {
font-family: 'Doppio One', sans-serif;
color: #fff;
font-size: 25px;

}


#menu {
margin-top: 2%;
	font-size:2.5rem;
/*font-size: 35px;*/
color: #fff;
}

#menub {
margin-top: 20%;
	font-size:2.5rem;
/*font-size: 35px;*/
color: #fff;
}


#menu a {
color: #fff;

}

#menub a {
color: #fff;

}
#optin {
	background:  url(images/loss.png) no-repeat bottom center;
	border-bottom: 0px solid #232323;
	color: #fff;
	padding: 0px 15px;
	text-shadow: 1px 1px #111;
	margin-top: -4%;
}
	#optin input {
		border: 1px solid #111;
		font-size: 15px;
		margin-bottom: 10px;
		padding: 8px 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #111;
		-moz-box-shadow: 0 2px 2px #111;
		-webkit-box-shadow: 0 2px 2px #111
	}
		#optin input.email { background: #fff url(images/email.png) no-repeat 10px center; padding-left: 35px; /*width: 375px;*/ width:50%;}
		#optin input.name { background: #fff url(images/name.png) no-repeat 10px center; padding-left: 35px }
		#optin button[type="submit"] {
			background: #960e17 url(images/red.png) repeat-x top;
			border: 1px solid #111;
			color: #fff;
			cursor: pointer;
			font-size: 20px;
			font-weight: bold;
			padding: 8px 0;
			text-shadow: -1px -1px #3a060a;
			width: 75%;
		}
			#optin button [type="submit"]:hover { color: #ffa5a5; }


#googlemap {

text-align:center;
margin-top: 3%;
}

#googlemap h2 {

font-family: 'Doppio One', sans-serif;
	font-size: 2.8rem;
/*font-size: 32px;*/
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: none;
margin-top: 0%;

}
#googlemap h3 {
font-family: 'Doppio One', sans-serif;
	font-size: 2.4rem;
/*font-size: 28px;*/
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 2%;
margin-bottom: 1%;

}

@media only screen and (max-width: 320px) {
	
body { zoom: 50%;}

		.waitcamofflinetext {
	position: absolute;
	width: 100%;
	margin: 75px 0 0 -5px;
	font-size: 42px;
	}
	
	
	#waitcamadleft {
display: none;
}

#waitcamadright {
display: none;
}


#currentwait h2 {
font-family: 'Doppio One', sans-serif;
font-size: 2rem;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: underline;
margin-top: 0%;

}


#thurmantogo {
margin: 3px 0 0 0px;
width: 100%;
height: 2px;

}

#thurmantogo h1 {
font-family: 'Doppio One', sans-serif;
font-size: 42px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 50%;

}


#thurmantogo p  {
font-family: 'Doppio One', sans-serif;
color: white;
font-size: 18px;
}

#thurmantogo a  {

color: #fff;
}


#thurmantogo a:visited  {
color: #fff;
}




#menu {
margin-top: 2%;
font-size: 1.4rem;
color: #fff;

}


#menu a {
color: #fff;


}
	
#menub {
margin-top: 10%;
font-size: 1.4rem;
color: #fff;

}


#menub a {
color: #fff;


}
	
#optin {
	background:  url(images/loss.png) no-repeat bottom center;
	border-bottom: 0px solid #232323;
	color: #fff;
	padding: 0px 15px;
	text-shadow: 1px 1px #111;
	margin-top: -4%;
	
}

#optin h3 {
font-family: 'Doppio One', sans-serif;
font-size: 1.5rem;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 2%;
margin-bottom: 4%;

}

	#optin input {
		border: 1px solid #111;
		font-size: 15px;
		margin-bottom: 10px;
		padding: 8px 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #111;
		-moz-box-shadow: 0 2px 2px #111;
		-webkit-box-shadow: 0 2px 2px #111
		
	}
		#optin input.email { background: #fff url(images/email.png) no-repeat 10px center; padding-left: 35px; width: 375px;}
		#optin input.name { background: #fff url(images/name.png) no-repeat 10px center; padding-left: 35px }
		#optin button[type="submit"] {
			background: #960e17 url(images/red.png) repeat-x top;
			border: 1px solid #111;
			color: #fff;
			cursor: pointer;
			font-size: 1.1rem;
			font-weight: bold;
			padding: 8px 0;
			text-shadow: -1px -1px #3a060a;
			width: 100%;
		}
			#optin button [type="submit"]:hover { color: #ffa5a5; }


#googlemap {

text-align:center;
margin-top: 3%;

}

#googlemap h2 {

font-family: 'Doppio One', sans-serif;
font-size: 1.4rem;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: none;
margin-bottom: 5%;
margin-top: 7%;

}
#googlemap h3 {
font-family: 'Doppio One', sans-serif;
font-size: 1.1rem;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 2%;
margin-bottom: 1%;

}



#twitterbutton{
margin: 3px 0 0 20px;
height: 100%;

}


.twittertext {
font-family: 'Doppio One', sans-serif;
font-size: 30px;
color: white;
z-index: 5; 
margin: 3px 0 0 0px;

}

#freeburger h2 {
font-family: 'Doppio One', sans-serif;
font-size: 32px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: none;
margin-top: 10%;

}




#count.xl .btn, .xl .hcount .count-o {
height: 80px;

}

	
	
	
	


@media only screen and (min-width: 321px) and (max-width: 500px) {
	
body { zoom: 60%;}

		.waitcamofflinetext {
	position: absolute;
	width: 100%;
	margin: 75px 0 0 -70px;
	font-size: 32px;
	}
	
		#waitcamadleft {
display: none;
}

#waitcamadright {
display: none;
}


#thurmantogo {
margin: 3px 0 0 0px;
width: 100%;
height: 2px;

}

#menu {
clear:both;

}

#thurmantogo h1 {
font-family: 'Doppio One', sans-serif;
font-size: 42px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 50%;

}


#thurmantogo p  {
font-family: 'Doppio One', sans-serif;
color: white;
font-size: 18px;
}



#freeburger h2 {
font-family: 'Doppio One', sans-serif;
font-size: 32px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: none;
margin-top: 10%;

}


#optin h3 {
font-family: 'Doppio One', sans-serif;
font-size: 28px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 2%;
margin-bottom: 4%;

}


#menu {
margin-top: 20%;
font-size: 35px;
color: #fff;
}
	
#menub {
    margin-top: 20%;
    font-size: 35px;
    color: #fff;
}


#menu a {
color: #fff;

}
	
#menub a {
color: #fff;

}
	
#optin {
	background:  url(images/loss.png) no-repeat bottom center;
	border-bottom: 0px solid #232323;
	color: #fff;
	padding: 0px 15px;
	text-shadow: 1px 1px #111;
	margin-top: -4%;
}
	#optin input {
		border: 1px solid #111;
		font-size: 15px;
		margin-bottom: 10px;
		padding: 8px 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #111;
		-moz-box-shadow: 0 2px 2px #111;
		-webkit-box-shadow: 0 2px 2px #111
	}
		#optin input.email { background: #fff url(images/email.png) no-repeat 10px center; padding-left: 35px; width: 375px;}
		#optin input.name { background: #fff url(images/name.png) no-repeat 10px center; padding-left: 35px }
		#optin button[type="submit"] {
			background: #960e17 url(images/red.png) repeat-x top;
			border: 1px solid #111;
			color: #fff;
			cursor: pointer;
			font-size: 20px;
			font-weight: bold;
			padding: 8px 0;
			text-shadow: -1px -1px #3a060a;
			width: 75%;
		}
			#optin button [type="submit"]:hover { color: #ffa5a5; }


#googlemap {

text-align:center;
margin-top: 3%;
}

#googlemap h2 {

font-family: 'Doppio One', sans-serif;
font-size: 32px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
text-decoration: none;
margin-top: 0%;

}
#googlemap h3 {
font-family: 'Doppio One', sans-serif;
font-size: 28px;
margin: 0 auto;
color: white;
z-index: 5; 
width: 100%;
margin-top: 2%;
margin-bottom: 1%;

}


#twitterbutton{
margin: 3px 0 0 20px;
height: 100%;
}


.twittertext {
font-family: 'Doppio One', sans-serif;
font-size: 30px;
color: white;
z-index: 5; 

	
	
	}
	
	
	@media only screen and (device-width:768px) and (orientation:portrait) {
/*iPad Portrait orientation styles */


.waitcamofflinetext {
	position: absolute;
	width: 100%;
	margin: 75px 0 0 0px;
	font-size: 42px;
	}
	


}
@media only screen and (device-width:768px)and (orientation:landscape) {
/*iPad landscape orientation styles */


.waitcamofflinetext {
	position: absolute;
	width: 100%;
	margin: 75px 0 0 0px;
	font-size: 42px;
	}

	}
	}
}