@media only screen and (min-width:320px) and (max-width: 900px) {
	body {
		background-color: #b32430;

		margin: 0;
		padding: 0;
		font-family: 'Raleway', sans-serif;



	}



	.unselectable {
		-webkit-user-select: none; /* Safari 3.1+ */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
	}
	.fixed {
		position: fixed;
		text-align: center;
	}



	#tel span:hover {
		font-weight: bold;

	}

	#page-wrapper {
		margin: 0;
		padding: 0;

	}

	#header {

		width: calc(100vw - 30px);
		background-color: #b32430;
		margin: 0;
		padding: 15px;
		display: flex;
		flex-wrap: wrap;

	}

	.filler-fixed-header {

		display: none;
	}

	.filler-fixed-topbar {

		display: none;
	}

	#slider {
		
		display: none !important;

	}

	#lightSlider {
		
		display: none !important;

	}

	#lightslider li {
		margin: 0;
		padding: 0;

	}

	#logo {
		width:100%;
		height: 10vh;
		background-image: url(../img/logo.png);
	    background-size: contain;
	    background-repeat-x: no-repeat;
	    background-repeat-y: no-repeat;
	    background-attachment: initial;
	    background-origin: initial;
	    background-clip: initial;
	    background-position: center center;
	    margin-bottom: 5px;
	}

	#open-hours {
		display: none;

	}

	.bold {
		font-weight: bold;
		text-align: center;
	}

	.pizza-description + .pizza-price-size {
		text-align: initial;
	}

	.side-items + .pizza-price-size {
		text-align: initial;
	}

	.pizza-name + .pizza-price-size {
		text-align: initial;
	}

	#cart {
		background-color: #FFBE10;
		padding: 10px;
		border-radius: 3px;
		color: #000;
		font-weight: bold;
		width: 90vw;
		margin: 0 auto;
		text-align: center;


	}

	#tel {

		color: #f8f0df;
		padding: 10px 30px;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		font-style: italic;
		text-align: center;
		width: 90vw;

	}



	.hidden {
		display: none;
	}



	#top-menu {
		background-color: #FFBE10;
		min-height: 70px;
		width: 90vw;
		border-radius: 3px;
		margin: 0 auto;
		margin-bottom: 50px;
		text-align: center;
		font-family: 'Raleway', sans-serif;

		
	}

	#top-menu > ul {
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		font-family: 'Raleway', sans-serif;

	}

	#top-menu > ul li {
		margin: 0;
		padding: 20px 12px;
		font-weight: bold;
		font-family: 'Raleway', sans-serif;
		border-bottom: 1px solid #876b1f;
		font-size: 15pt;

	}

	#top-menu > ul li:hover {
		background-color: #b32430;
		
		color: #fff;
		cursor: pointer;
	}

	.selected-menu-item {
		background-color: #b32430;
		color: #fff;
	}



	.slide-img {
		width: 100%;
		height: 50vh;
		object-fit: cover;
		margin: 0;
		padding: 0;
		

	}

	#content {
		width: 100%;
		min-height:calc(100vh - 30vh - 225px);
		background-color: #b32430;

	}

	.content-filler {
		width: 100%;
	}

	.pizza-list {
		list-style-type: none;
		color: #f8f0df;
		width: 90vw;
		padding: 0;
		margin: 20px auto;


	}

	.pizza-item {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #f8f0df;

	}

	.cart-item {
		background-color: #a8202b;
	}

	.cart-item:last-child {
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px; 
	}

	.pizza-item:last-child {
		border-bottom: none;
	}

	.dm-day-heading {
		margin-bottom: 0px;
		background-color: #FFBE10;
		color: #000;
		padding: 15px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 15pt;
		
	}



	.usr-message {
		background-color: #FFBE10;
		color: #000;
		padding: 15px;
		max-width: 70%;
		text-align: center;
		margin-block-start:0;
		margin-block-end:0;
		margin: 0 auto;
		font-size: 15pt;
		
	}

	.confirm-cart-btn {
		background-color: #229407;
		padding: 20px;
		text-align: center;
		width: 200px;
		font-size: 18pt;
		color: #f8f0df;
		margin: 10px auto;
		cursor: pointer;
	}

	.confirm-cart-btn:hover {
		background-color: #2cab0f;
	}


	.pizza-name {
		font-size: 12pt;
		font-weight: bold;
		min-width: 35px;
		padding-top: 20px;
		min-height: calc(12pt + 5px);

	}

	.meal-allergens-list {
		font-size: 12pt;
		padding-top: calc(20px + 5pt);
		font-weight: normal;
	}

	.break {
	  flex-basis: 100%;
	  height: 0;
	}

	.pizza-description {
		margin: 0;
		padding-left: 35px;
		flex-basis: 100%;
		color: #ffdb8f;
		font-size: 12pt;
	}

	.side-items {
		color: #3adb16;
	}

	.inline-desc-notice {
		color: #3adb16;
	}

	.inline-desc-warning {
		color: #fcba03;
	}

	.pizza-narrow-col {
		flex-basis: 27%;
	}

	.pizza-weight-clr {
		color: #dbbf84;
		padding-left: 35px;
		padding-bottom: 15px;
	}

	.pizza-price-size {
		font-size: 12pt;

	}

	.pizza-description + .pizza-price-size {
		padding-left: 35px;
	}

	.pizza-add-button {
		background-image: url(../img/white-shopping-cart-icon.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		margin-bottom: 20px;

	}

	
	.cart-remove-button {
		background-image: url(../img/cancel_icon.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		margin-bottom: 20px;
		filter: brightness(1000%);

	}

	.cart-remove-button:hover {
		filter: brightness(1000%) contrast(60%);
		cursor: pointer;
	}

	.dm-day-heading + .pizza-item .pizza-price-size {
		display: none;
	}



	.dm-day-heading + .pizza-item .pizza-add-button {
		display: none;
	}

	.dm-day-heading + .cart-item .pizza-price-size {
		display: inherit;
	}



	.dm-day-heading + .cart-item .pizza-add-button {
		display: inherit;
	}

	#footer {
		margin-top: 10px;
	}

	.card-row {
		margin: 0 auto;
		width: 90%;
		align-items: center;
  		justify-content: center;
	}

	.card-footer {
		width: 90%;
		margin: 40px auto 15px auto;
		color: #f8f0df;

	}

	

	.card-img-wrapper {
	}

	.card-footer img {
		display: block;
		width: 50%;
		transition: transform .2s ease-in-out;
		margin: 0 auto;
	}

	.card-footer h4 {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 3px;
	}

	.card-footer p {
		text-align: center;
		margin: 0;
		font-size: 20px;
		min-height: 60px;
	}


	.side-item-allergens {
		margin-left: 30px;
	}

	#open-hours-summary {
		color: #f8f0df;
		border-radius: 3px;
		font-size: 12pt;
		padding: 5vw;

	}

	#open-hours-summary p {
		margin: 0 0 10px 0;
		font-weight: bold;
	}

	#current-events {
		color: #f8f0df;
		font-size: 15pt;
		width: 90vw;
		padding: 5vw;
		text-align: center;
		
	}



	.event {
		margin: 15px 0;
		font-size: 15pt;
	}




	.event:last-child {
		margin: 0;
	}

	.disclaimer {
		font-size: 80%;
		color: #ffdb8f;
	}

	.clear-floats {
		clear: both;
	}

	.highlighted {
		background-color: #FFBE10;
		color: #000;
		padding: 10px;
		border-radius: 3px;
		
	}

	.ui-dialog {
		position: fixed !important;
		z-index: 8002 !important;
	}

	label, input { 
			display:block; 
			font-family: 'Raleway', sans-serif;
	}

	input.text { 
		margin-bottom:12px;
		width:95%;
		padding: .4em;
	}
	fieldset { 
		padding:0;
		border:0;
		margin-top:25px;
	}

	.ui-dialog {
		font-family: 'Raleway', sans-serif !important;
	}

	.ui-dialog .ui-state-error {
		padding: .3em;
	}
	.validateTips {
		border: 1px solid transparent;
		padding: 0.3em;
		font-family: 'Raleway', sans-serif;
		margin: 5px auto;
	}

	.ui-widget-overlay {
		opacity: .5 !important;
		filter: Alpha(Opacity=.5);

	}
	.ui-dialog-titlebar {
		font-family: 'Raleway', sans-serif;
		-webkit-user-select: none; /* Safari 3.1+ */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
		display: none;
	}
	button {
		font-family: 'Raleway', sans-serif;
	}
	button:focus {
		outline: none;
	}
	input:focus {
		outline: none;
	}
	.success-box {

		background-color: #00ff66;
		color: #035c3e;
		margin: 5px 5px 5px 280px;
		padding: 15px;
		border-radius: 5px;
		
	}
	.error-box {
		
		background-color: #fccfcf;
		color: #750000;
		margin: 5px 5px 5px 280px;
		padding: 15px;
		border-radius: 5px;
		
	}

	.ui-dialog-buttonpane .ui-button {
		font-family: 'Raleway', sans-serif;
	}

	.ui-dialog-buttonpane .ui-button:last-child {
		background-color: #68b828;
		color: #fff;
		border-color: #718065;
		font-weight: bold;
		padding-left: 80px;
		padding-right: 80px;

	}

	.ui-dialog-buttonpane .ui-button:last-child:hover {
		background-color: #4e8c1c;
	}

	#selected-meal {
		font-weight: bold;
	}

	#selected-meal-desc {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
	}

	.list-flex-containter {
		list-style-type: none;
		padding: 0;

	}

	.side-item {
		margin: 0 15px;
		padding: 5px 0;
		cursor: pointer;
		color: #888888;
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
		page-break-inside: avoid; /* Firefox */
		break-inside: avoid; /* IE 10+ */
		overflow: hidden;
		
	}

	.side-item:hover {
	}

	.side-price {
		float: right;
	}

	.side-add-btn {
		margin: 0 5px;
	}

	.side-remove-btn {
		margin: 0 5px;
	}

	.selected-side-item {
		color: #3ed128;
	}

	.selected-side-item:hover {
		color: #33a322;
	}

	#user-input {
			border: 1px solid #ddd;
			border-radius: 5px;
			width: calc(100% - 16.4px);
			min-height:100px;
			resize: none;
			margin: 0;
			padding: 5px;
			overflow: auto;
			outline: none;
			font-family: 'Raleway', sans-serif;
			
		}

	.hidden {
		display: none !important;
	}

	.ctr-usr-messages-hor {
		padding: calc(100vh - 30vh - 195px - 11vh) 0;
	}
	.allergen-list {
		list-style-type: none;
		color: #f8f0df;
		padding: 15px 0 0 10px;
		display: block;


	}

	.allergen-item {
		padding-right: 10px;

	}
}