/*
=======================
	Table of Contents
=======================
1.0 Mobile Global
1.1 mobile - special
1.2 mobile - images
1.3 Fonts - Text size
1.4 Blackboard Mobile
1.5 Menus - mobile
*/

@media only screen and (max-device-width: 760px) and (-webkit-min-device-pixel-ratio: 1) {
	
	html {
		width: fit-content;
	}

	table, thead, tbody,th,td,tr {
    	display: table-row;
    	margin: 0;
    	padding: 0;
    	border: 0;
  	}

	td img {
		width: auto;
		height: fit-content;
	}

	tbody {
		width: 100%;
	}

	object {
		height: 70vh !important;
	}

	tr.nav td {
		height: 100px;
	}
	

	.cnt-text {
		text-align: center;
	}

	.margin-left-bl-cnt {
		margin-left: 95px;
	}

/*
 ===============================
	1.0 Mobile Global
 ===============================
 */

 .nav {
	 font-size: 55px !important;
	 display: contents;
 }

 .nav a {
	 /* font-size: 50px; */
	 text-decoration: underline !important;
	 text-decoration-color: #F7b882 !important;
 }

 .footer-nav {
	 font-size: 3em !important;
 }

	.dropdown-content {
		display: none;
		position: unset !important;
		min-width: unset !important;
		background-color: #7B0201 !important;
		box-shadow: none !important;
	}


	.menus-link {
		display: none;
	}

	.mobile-menu-link {
		display: block !important;
		padding: 10px;
		margin-bottom: 10px;
		text-decoration: underline;
    	text-decoration-color: #F7b882;
	}

	.nav-link {
	    height: 100px;
		text-align: center;
	}

	.banner-img-mobile {
		width: 100%;
	}


 /* .footer-color {
	 font-size: 1.9em;
 } */

 .flex {
	 display: flex;
 }

 .flex-container {
	 display: flex;
	 justify-content: center;
	 width: 100%;
 }

 .flex-column {
	 display: flex;
	 flex-direction: column;
 }

  .ad-card-mobile {
    font-size: 1.5em;
  }

	.easter-msg {
		font-size: 60px;
	}

	.easter-header {
		font-size: 100px;
	}

  .mobile-width {
    width: 100%;
  }

  .media-icons-flex {
    display: flex;
    margin: 20px 0;
    justify-content: space-evenly;
  }

	.width-fs {
		width:100%
	}

	.footer-hrs-add {
		font-size: 2.5em;
	}

	.footer-times-size {
		font-size: 27px;
	}

	.copyright-size-mobile {
		font-size: 1.8em;
	}

	.svc-anc {
		font-size: 60px;
	}

	.slice-img-mb {
		height: 50%;
    	width: 50%;
	}

	.service-msg {
		font-size: 50px !important;
	}

	h3.blackboard-tiles.cnt-text {
		margin-bottom: -5px;
		font-size: 2em;
		margin-top: 15px;
	}

/*
 ===============================
	1.1 mobile - special
 ===============================
 */

  img.tripadvisor {
    height: auto;
    width: 30%;
  }

/*
Below CSS is being used to get any span tag that has an image inisde it.
*/
/* This is being used to change the statcounter */
  span img {
    height: auto;
    width: 18%;
  }

  .map {
	height: 750px;
	width: 850px;
}

  /*
 ===============================
	1.2 mobile - images
 ===============================
 */

 .width-auto {
	width: auto;
 }

 .mb-img-lg {
	width: 450px;
    height: 100%;
 }

 .embedsocial-instagram {
	width: 60rem;
}


	/*
 ===============================
	1.3 Fonts - Text size
 ===============================
 */

	.about-par {
 		font-size: 2.8em;
 	}

	.font-lg-mb {
		font-size: 3em;
	}

	.font-mb-65 {
		font-size: 65px;
	}

	.call-gift-card {
		font-size: 0.6em;
	}

	.font-sm-mb {
		font-size: 1em;
	}


 /* .text-lg-bold {
 	font-size: 2.5em;
 	font-weight: 300;
 } */

 .phone-num-mobile {
	 font-size: 3rem;
 }

 .gift-card-promo {
	 font-size: 3.5em;
 }

 .copyright-font-size-mobile {
 	font-size: 1.4em;
 }

 .speicals-link {
 	font-size: 3rem;
 }

 .footer-font-size {
 	font-size: 1.5em;
 }

 .font-35-mb {
	 font-size: 35px;
 }

 .text-titles {
	 font-size: 70px;
 }

 .mural-txt {
	font-size: 16px;
 }

 .welcome-text {
	 font-size: 90px;
 }

 .pls-call-font-mb {
	font-size: 65px;
 }

 /*
 ===============================
 1.4 Blackboard Mobile
 ===============================
 */

	.blackboard {
		font-size: 2.5em;
	}

	.blackboard-img {
		background: url(images/blackboard-body-mobile.jpg) !important;
		background-size: contain !important;
	}

	.blackboard-footer {
		display: flex;
		width: 100% !important;
	}

	.blackboard-titles {
		font-weight: bold;
		font-size: 1.5em;
		color: #FFFF99;
		font-family: "Times New Roman", Times, serif;
	}

	.blackboard-dish {
		padding: 0 0 15px 10px !important;
	}

	.cnt-img-header {
		margin-left: auto;
    margin-right: auto;
    width: 108%;
	}

	.special-menu tr {
		display: flex;
		justify-content: space-between;
		margin-bottom: 4px;
		padding-bottom: 50px;
    padding-left: 0px;
	}

	.special-menu {
		font-size: 45px;
	}

	.prices {
		padding-right: 60px !important;
	}


/*
===============================
1.5 Menus - mobile
===============================
*/

	.no-margin {
		margin: 0px;
	}

	.page-content {
		display: flex;
		justify-content: center;
	}

	.pdf-wrapper {
		text-align: center;
		display: flex;
	}

	.menu-body table {
		/* width: 100%; */
		display: flex;
	}

	.menu-body tr {
		display: flex;
		justify-content: space-between;
	}


	.mobile-menu-message {
		font-size: 70px;
	}

	.menu-titles {
		font-size: 80px ;
	}

	.menu-titles-wine {
		font-size: 60px !important;
		font-weight: bold;
		color: #C73522;
	}

	.menu-title-dessert {
		font-size: 4rem;
		color: #C73522;
	}

	.menu-font {
		font-size: 40px;
	}

	tr.wine-list {
		font-size: 29px;
	}

	.dessert-font-size {
		font-size: 3.5rem;
	}



} /* end of media tag 760*/


/* Footer Mobile screen between 340 and 760 */
@media only screen and (min-device-width: 340px) and (max-device-width: 760px) {
	.footer-hrs-add {
	font-size: 44px;
    margin: 0 auto;
    display: flex;
	}
	.footer-times-size {
    font-size: 35px;
	}

}