/*Colors: #077A3D(green), #920610(red), #182872(blue), #D7C207(yellow)*/
body
{
	margin: 0;
	padding:  0;
	font-family: 'Baloo Bhaijaan', cursive;
	background-image: url(./background.png);
	/* background-image: url(../edited_photos/); */
}
p
{
	font-size: 24px;
	text-align: center;
}
@media screen and (min-width: 0em) 
{	
/* SITE WRAPPER */
	#siteWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: auto;
	}
/* HEADER */
	header
	{
		width: 90%;
		margin: auto;
		margin-top: 1.5em;
	}
/* LOGO */
	#logo
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 95%;
		margin: auto;
	}
	#logo img
	{
		max-height: 100%;
		width: auto;
		max-width: 100%;
	}
/* ADDRESS AND PHONE # */
	#contact01, #contact02
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		line-height: .05em;
		width: 90%;
		height:  auto;
		margin: auto;
		margin-top: .875em;
	}
	#location
	{
		line-height: .875em;
		text-align: center;
	}
	#contact a
	{
		color: #182872;
	}

/* PAYMENT ELEMENT*/
	#payment
	{
		width: 100%;
		height:  300px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: auto;
		margin-top: .875em;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		padding-bottom: 40px;
		padding-top: 20px;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
	.payment_child
	{
		width: 50%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.payment_title
	{
		width: 100%;
		height: 10%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		color: black;
		text-decoration: none;
		-ms-grid-column-align: center;
		    justify-self: center;
	}
	.payment_img
	{
		width: 100%;
		height: 90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-grid-column-align: center;
		    justify-self: center;
	}
	.bc_img
	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: 80%;
		padding-top: 40px;
	}
	.bc_img h6
	{
		width: 80%;
		text-decoration: none;
		color: #000;
		line-height: 10px;
		word-break: break-all;
	}
	.payment_img img
	{
		width: 80%;
		height: 60%;
	}
	.venmo_img img
	{
		width: 80%;
		height: auto;
	}
/* MAIN */
	main
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 95%;
		margin: auto;
		position: relative;
	}
/* SITE NAVIGATION */
	nav
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		 flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 100%;
		height: 40px;
		margin: auto;
		margin-bottom: 1.5em;
	}
	.button
	{	
		width: 30%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-radius: 5px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #fff;
		text-decoration: none;
	}
	.menuBtnTop
	{
		-webkit-box-shadow: .1px .1px 4px #182872;
		        box-shadow: .1px .1px 4px #182872;
		text-shadow: .25px .25px .5px #000;
		color: #182872;
		border: .5px solid #182872;
	}
	.caterBtnTop
	{
		-webkit-box-shadow: .1px .1px 4px #920610;
		        box-shadow: .1px .1px 4px #920610;
		text-shadow: .25px .25px .5px #000;
		border: .5px solid #920610;
		color: #920610;
	}
	.aboutBtnTop
	{
		-webkit-box-shadow: .1px .1px 4px #D7C207;
		        box-shadow: .1px .1px 4px #D7C207;
		text-shadow: .25px .25px .5px #000;
		border: .5px solid #D7C207;
		color: #D7C207;
	}

/* Henry's Hot Dog Title */
	#hhdTitleElmt
	{
		width: 95%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: auto;
	}

/* PHOTO BARS: LARGE SCREENS */
	.photoBar
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: none;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width: 100%;
		height: 200px;
		margin: auto;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-top: 1.5em;
		margin-bottom: 1em;
	}
	.photoElemnt
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 30%;
		height: auto;
		margin: .0625em;
	}
	.photoElemnt img
	{
		max-height: 100%;
		width: auto;
		max-width: 100%;
		border-radius: 10px;
	}
	.photo01, .photo04
	{	
		border: .03125em solid #920610;
		-webkit-box-shadow: .5px .5px 6px #920610;
		        box-shadow: .5px .5px 6px #920610;
		background: white;
	}
	.photo02, .photo05
	{
		border: .03125em solid #D7C207;
		-webkit-box-shadow: .5px .5px 6px #D7C207;
		        box-shadow: .5px .5px 6px #D7C207;
		background: white;
		z-index: 1;
	}
	.photo03, .photo06
	{	
		border: .03125em solid #182872;
		-webkit-box-shadow: .5px .5px 6px #182872;
		        box-shadow: .5px .5px 6px #182872;
		background: white;
	}

/* INDIVIDUAL PHOTOS: SMALL SCREENS */
	.photo_indv
	{
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 80%;
		height: 350px;
		margin: .0625em;
		margin: auto;
		margin-top: 40px;
	}
	.photoIndv01
	{
		margin-top: 0;
	}
	.photo_indv img
	{
		max-height: 100%;
		width: auto;
		max-width: 100%;
		border-radius: 10px;
	}
	.photo02
	{
		padding: 10px;
	}
	.photo_indv .photo04
	{
		height: 300px;
		margin-top: 20px;
	}
	.photo_indv .photo05
	{
		height: 300px;
	}
/* TEXT */
	.txt
	{	
		text-align: center;
		width: 75%;
		margin: auto;
		margin-top: .5em;
	}
	.txt p
	{	
		font-family: 'Baloo Bhaijaan', cursive;
		font-size: 1.325em;
		text-align: justify;
	}
	.caterTxt h2
	{
		text-align: center;
		font-size: 32px;
		color: #920610;
		text-shadow: 1px 1px 3px #182872;
		letter-spacing: 1.5px;
		margin-top: 0px;
	}
	#cateringFormLink
	{
		text-align: center;

	}
/* INTRO FONTS COLORS/SHADOWS */
	#best, #famous, #daily
	{
		font-size: 1em;
	}
	#best
	{
		color: #920610;
		text-shadow: .5px .5px 1px #000;
	}
	#famous
	{
		color: #D7C207;
		text-shadow: .5px .5px 1px #000;

	}
	#daily
	{
		color: #182872;
		text-shadow: .5px .5px 1px #000;
	}
/* TABLES */
	table
	{	
		width: 95%;
		margin-bottom: .325em;
		background: white;
		margin: auto;
		margin-top: 30px;
		border-collapse: collapse;
		border-radius: 10px;
		border-style: hidden;
		-webkit-box-shadow: .5px .5px 6px #182872;
		        box-shadow: .5px .5px 6px #182872;
	}
	
/* MENU SECTION TITLES */
	caption
	{	
		color: #920610;
		font-size: 3em;
		text-shadow: 1.5px 1.5px .5px #182872;
	}
/* TABLE ROWS */
	tr
	{
		border-bottom: 3px solid #077A3D;
		height: 50px;
		text-align: left;
		font-family: 'Baloo Bhaijaan', cursive;
		font-size: 20px;
		text-align: center;
	}
/* CBD TABLE */
	#cbdTbl
	{
		height: 100px;
		margin-top: 20px;
	}
	.cbd_new
	{
		white-space: nowrap;
	}
	tr #cbdTr
	{
		height: 100px;
	}
	.cbd_cost
	{
		color: #920610;
	}
	.cbd_dog
	{
		color: #077A3D;
		font-size: 18px;
		padding-left: 10px;
	}
	.cbd_oil
	{
		color: #182872;
		font-size: 18px;
		padding-left: 10px;
	}
	
/* DAILY, LEMONADE, EXTRAS, SPECIALS MENU TABLES */
	#mainMenu
	{
		margin-top: 40px;
	}
	tr.row03Tb01, tr.row09Tb01, tr.row01Tb01
	{
		border: none;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	th 
	{
		padding: 5px;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: left;
	}
	th.dogs 
	{
		color: #182872;
		padding-left: 10px;
	}
	th.type 
	{
		color: #920610;
		font-size: 18px;
	}
	th.details
	{
		color: #077A3D;
		font-size: 18px;
	}
	th.price
	{
		text-align: right;
		color: #920610;
		padding-right: 10px;
	}
	th.price span 
	{
		color: #182872;
	}
	th.season
	{
		color: #920610;
		text-align: center;
	}
	#capLemon
	{
		line-height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#capSED
	{
		line-height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 2.75em;
		text-align: center;
	}
	th.items 
	{
		color: #182872;
		padding-left: 10px;
	}
	th.szSmall, th.szLarge
	{
		text-align: center;
		color: #182872;
		font-size: 22px;
	}
	#capSpecials
	{
		line-height: 50px;
		margin-bottom: 10px;
	}
	.combo
	{
		color: #182872;
		padding-left: 10px;
	}
	.combo span
	{
		color: #920610;
		padding-left: 20px;
	}
	#caterMenu
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	#capChoices
	{
		line-height: 50px;
		margin-bottom: 10px;
	}
/* FONTS */
	h1
	{
		font-size: 4em;
		color: #920610;
		text-shadow: 2px 2px 3px #182872;
		letter-spacing: 2px;
		text-align: center;
		line-height: 60px;
	}
/* NAVIGATION BUTTONS */
	.button a
	{
		text-decoration: none;
		text-shadow: .03125em .03125em .03125em #000;
	}
	.menuBtnTop a, .menuBtnBttm a
	{
		color: #182872;
	}
	.caterBtnTop a, .caterBtnBttm a
	{
		color: #920610;
	}
	.aboutBtnTop a, .aboutBtnBttm a
	{
		color: #D7C207;
	}
/* CATERING */
	.items02
	{	
		color: #077A3D;
		padding-left: 10px;
	}

/* IG VIDEO */
	.ig_embed 
	{
		display: flex;
		margin: 3.125em auto;
		margin-top: 4.345em;
		width: 30%;
		height: auto;
		border: .03125em solid #920610;
		-webkit-box-shadow: .5px .5px 6px #920610;
		        box-shadow: .5px .5px 6px #920610;
		border-radius:3px; 
	}
	video
	{
		background:#FFF; 
		border:0; 
		border-radius:3px; 
		box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); 
		margin: 1px; 
		max-width:540px; 
		min-width:326px;
		padding:0; 
		width:99.375%; 
		width:-webkit-calc(100% - 2px); 
		width:calc(100% - 2px);
	}
/* CONTACT FORM */
	#form
	{
		width: 100%;
		margin: auto;
	}
	.contact-form
	{
		border: .03125em solid #920610;
		-webkit-box-shadow: .5px .5px 6px #920610;
		        box-shadow: .5px .5px 6px #920610;
		border-radius: 10px;
		margin: 3.125em auto;
		width: 95%;
		text-align: center;
	}
	label
	{
		margin-bottom: .325em;
	}
	.contact-form h2
	{
		background: rgba(215,194,1,0.5);
		margin-top: .625em;
		padding: .625em;
		color: #182872;
	}
	.contact-form input
	{
		display: block;
		width: 90%;
		margin: .625em auto;
		margin-bottom: 1em;
		padding: .625em;
	}
	.contact-form textarea
	{
		width: 90%;
		margin: 0.3125 auto;
		padding: 0.625em;
		height: 5em;
	}
	.submit-btn
	{
		cursor: pointer;
		width: 9.375em !important;
		margin-left: 1.125em !important;
	}
	.g-recaptcha
	{
		margin: .625em 1.25em;
	}
	.status
	{
		font-size: 1em;
		color: green; 
		padding: 1em;
	}
	.status p
	{
		color: #920610;
	} 
/* FOOTER */
	footer
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 95%;
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
/* NAVIGATION */
	.bottomMenu
	{
		margin-top: 2em;
	}
	h6
	{
		text-align: center;
	}
/* FOOTER TEXT */
	#foot
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 95%;
		margin: auto;
	}
}
@media screen and (min-width: 420px) 
{
	#siteWrap
	{
		width: 98%;
	}
}
@media screen and (min-width: 480px) 
{
	#siteWrap
	{
		width: 95%;
	}
	.bc_img
	{
		width: 95%;
		margin: auto;
	}
}
@media screen and (min-width: 530px)
{
	#siteWrap
	{
		width: 90%;
	}
	.bc_img
	{
		width: 90%;
	}
}
@media screen and (min-width: 580px)
{
	#siteWrap
	{
		width: 85%;
	}
	.payment_img img 
	{
		height: 90%;
	}
	.venmo_img img
	{
		height: 92%;
	}
}
@media screen and (min-width: 630px)
{
	#siteWrap
	{
		width: 80%;
	}
	main
	{
		width: 100%;
	}
}
@media screen and (min-width: 680px)
{
	#siteWrap
	{
		width: 75%;
	}
}
@media screen and (min-width: 730px)
{
	#siteWrap
	{
		width: 70%;
	}
}
@media screen and (min-width: 780px)
{
	th.dogs, .cbd_dog, .combo, th.items
	{
		padding-left: 20px;
	}
	th.price
	{
		padding-right: 20px;
	}
	.photoBar
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	nav
	{
		justify-content: space-around;
	}
	.button
	{
		width: 25%;
		font-size: 22px;
	}
	#cbdTbl
	{
		margin-bottom: 50px;
	}
	.photo_indv
	{
		display: none;
	}
}
@media screen and (min-width: 830px)
{
	.payment_child
	{
		width: 42%;
	}
}
@media screen and (min-width: 920px)
{
	.payment_child
	{
		width: 38%;
	}
}
@media screen and (min-width: 1020px)
{
	.photoBar
	{
		height: 300px;
	}
	.caterPhotos
	{
		height: 250px;
	}
}
@media screen and (min-width: 1080px)
{
	.payment_child
	{
		width: 32%;
	}
}
@media screen and (min-width: 1130px)
{
	.payment_child
	{
		width: 28%;
	}
}
@media screen and (min-width: 1430px)
{
	.payment_child
	{
		width: 23%;
	}
	table, #form
	{
		width: 80%;
	}
}
@media screen and (min-width: 1580px)
{
	#siteWrap
	{
		width: 65%;
	}
	table, #form
	{
		width: 75%;
	}
	.payment_child
	{
		width: 20%;
	}
}