/* Responsive Code */



		.flex-container {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 2em;
			align-items: flex-start;
			width: 85%;
			margin: auto;
		}

		.flex-storeinfo {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 0;
			align-items: flex-start;
			width: 85%;
			margin: auto;
		}


		.flex-button {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-evenly;
			width: 90%;
		}



		.flex-container-img {
			display: flex;
			flex-direction: row;
			justify-content: space-evenly;
			align-items: center;
			margin: auto;
			width:85%;
			gap: 20 50;
		}



		.flex-header {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 1em;
			justify-content: center;
  			align-items: flex-end;
		}


		.flexitem-34 {
			flex: 65%;
		}

		.flexitem-2 {
			flex: 50%;
 			padding: 20px;
		}

		.flexitem-3 {
			flex: 30%;
 			padding: 12px;
		}


		.flexitem-4 {
			flex: 20%;
 			padding: 20px;
		}


		.flexitem-5 {
			flex: 22%;
		}

		.flexitem-6 {
			flex: 16%;
		}

		.flexitem-8 {
			flex: 12.5%;
		}

		.flexitem-10 {
			flex: 10%;
		}






		/* Ability to show or hide a block depending on mobile vs desktop */
		.hidedesk {
			display: none;
		}



		/* Mobile View */
		@media (max-width: 800px) {

		
			.flex-container {
				align-items: center;
				text-align: center;
				gap: 40px;
			}

			.flex-text {
				width: 90%;
			}


			.flex-container-img {
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				align-items: center;
				gap: 40px;
			}

			.flex-header {
				align-items: center;
				text-align: center;
				gap: 0;
			}


			.flexitem-2, .flexitem-3, .flexitem-4, .flexitem-5, .flexitem-6, .flexitem-8, .flexitem-10 {
				flex: 100%;
			}



			/* Ability to show or hide a block depending on mobile vs desktop */
			.hidemobile {
				display: none;
			}

			.hidedesk {
				display: inline;
			}



		}