@font-face {
				font-family: Anton-Regular;
				src: url('fonts/Anton-Regular.ttf');
			}

			html {
				-webkit-text-size-adjust: 100%;
				scroll-behavior: smooth;
				scroll-padding-top: 50px;
			}

			body {
				padding: 0px;
				margin: 0px;

				background-color: gray;

				font-family: Arial, Helvetica, sans-serif;
				font-size: 12pt;
				color: white;
			}

			h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

			}

			h2 {

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

			}

			h3 {

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

			}

			.list-fit {

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

			}



			#main {
				margin: auto;
				width: 100%;
				max-width: 1600px;
				/*height: 800px;*/
				background-color: #4d4d4d;
			}

			#main p {

			width:68.75%;
			margin-left: auto;
			margin-right: auto;

			}

			#main hr {

			width:68.75%;
			height:5em;
			margin-left: auto;
			margin-right: auto;
			margin-top: 4em;
			margin-bottom: 4em;

			border: 0;

			background-image: url(images/delimiter.svg);
			background-position: center;
			background-repeat: no-repeat;


			}


			#header {

				width: 100%;
				padding-top: 20.375%;

				background-image: url(images/header-live.png);
				background-repeat: no-repeat;
				background-size: 100%;
				background-color: black;
				position:relative;


			}


			#header img {
				position:  absolute;
   				/*top: 10%;*/
   				left: 5%;
   				bottom: 0;
   				right: 0;
   				height:100%;
			}

			#nav {

				width: 100%;
				min-height:50px;
				overflow: auto;

				background-color: #1a1a1a;

				position: sticky;
				top:0;

			}

			#menu {

				max-height: 90vh;
				overflow:auto;

			}

			#nav-inner {
				float:right;
				width: fit-content;
			}


			#nav li a {
				text-decoration:none;
				color:white;
			}

			#nav li a:HOVER {
				text-decoration:none;
				color:red;
			}

			a {
				text-decoration:none;
				color:white;
			}

			a:HOVER {
				text-decoration:none;
				color:red;
			}


			#contact {

				margin-top: 3em;
				padding-top: 2em;

				width: 100%;

				background-color: #1a1a1a;

			}

			#contact h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

			}


			#contact p	{

				font-size: 16pt;
				color: white;
				margin:initial;
				margin-top:0.5em;
				margin-bottom:1em;
				width: initial;

			}

			#contact a[href^="tel"] {
				color: inherit; /* Inherit text color of parent element. */
				text-decoration: none; /* Remove underline. */
				/* Additional css `propery: value;` pairs here */
			}


			#social-item img {

			}


			#social-item {

				text-align:center;

			}

			#social-item img{

				margin:0.2em;

			}

			#footer-image {

			display:block;
			width:100%;
			clear:both;

			}

			@media only screen and (max-width:399px) {
				 .supplies-image {
					 width:200px;
				 }
			}

			/* Extra small devices (phones, 600px and down) */
			@media only screen and (max-width: 600px) {


				#header {

					width: 100%;
					padding-top: 35%;

					background: none;
					background-color: black;
					position:relative;


			}


				#header img {
					position:  absolute;
					/*top: 10%;*/
					left: 50%;
					transform: translate(-50%,0);
					bottom: 0;
					right: 0;
					height:100%;
				}


				h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:90%;
				margin-left: auto;
				margin-right: auto;

				}

				h2 {

					width:90%;
					margin-left: auto;
					margin-right: auto;

				}

				h3 {

					width:90%;
					margin-left: auto;
					margin-right: auto;

				}

				.list-fit {

					width:85%;
					margin-left: auto;
					margin-right: auto;

				}


				#main p {

					width:90%;
					margin-left: auto;
					margin-right: auto;

				}

				#map {
					width:90%;
					margin-left:auto;
					margin-right:auto;
					display:block;
				}

				#main hr {

				width:90%;
				height:5em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 4em;
				margin-bottom: 4em;

				border: 0;

				background-image: url(images/delimiter.svg);
				background-position: center;
				background-repeat: no-repeat;


				}

				#nav {
					overflow:auto;
				}

				#mobile-menu {

					float:right;

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					margin: 0;
					padding: 0;
					padding-top:0.30em;
					padding-right: 1em;
				}

				#mobile-menu a {
					text-decoration: none;
					color: white;
				}


				#nav-inner {
					width: 100%;
				}

				#nav ul {

					display: none;
					width:100%;
					clear:both;
					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					list-style-type: none;
					margin: 0;
					padding: 0;
					padding-top:0.25em;
					text-align:center;

				}

				#nav li {
					margin-bottom: 1em;
				}

				#nav li a {
					display:block;
					width:100%;
				}

				#contact p	{

					font-size: 16pt;
					color: white;
					margin:initial;
					margin-top:0.5em;
					margin-bottom:1em;
					width: initial;

				}


				#contact-container {

				width:100%;
				margin-left: auto;
				margin-right: auto;


				}

				#contact-item-1 {

				width:100%;
				margin-bottom:2em;

				}

				#contact-item-2 {

				width:100%;
				margin-bottom:2em;

				}

				#contact-item-3 {

				width:100%;
				margin-bottom:2em;

				}

				.contact-box-1 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;
					text-align: center;

				}

				.contact-box-2 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;
					text-align: center;

				}

				.contact-box-3 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;
					text-align: center;

				}

				#contact h1 {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 28pt;
					color: white;

					width:fit-content;
					margin-left: auto;
					margin-right: auto;

				}

				.contact-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					display: flex;
					align-items: center;

					margin-left:auto;
					margin-right:auto;
					margin-bottom:0.5em;
					width: fit-content;

				}

				.social-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					display: flex;
					align-items: center;

					margin-left:auto;
					margin-right:auto;
					margin-top:0;
					margin-bottom:0.5em;
					width: fit-content;

				}

				.media-scroller {
					width:calc(90% - 8vw);
					margin-left:auto;
					margin-right:auto;
				  display: grid;
				  gap: 4vw;
				  grid-auto-flow: column;
				  grid-auto-columns: 65%;

					background-color: #1a1a1a;
					padding: 4vw;

				  overflow-x: auto;
				  overscroll-behavior-inline: contain;
				}

				.media-element img {
					width:100%;
				}


			}

			/* Small devices (portrait tablets and large phones, 600px and up) */
			@media only screen and (min-width: 601px) and (max-width: 767px) {


				h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:85%;
				margin-left: auto;
				margin-right: auto;

				}

				h2 {

					width:85%;
					margin-left: auto;
					margin-right: auto;

				}

				h3 {

					width:85%;
					margin-left: auto;
					margin-right: auto;

				}

				.list-fit {

					width:85%;
					margin-left: auto;
					margin-right: auto;

				}

				#map {
					width:85%;
					margin-left:auto;
					margin-right:auto;
					display:block;
				}

				#main p {

				width:85%;
				margin-left: auto;
				margin-right: auto;

				}

				#main hr {

				width:85%;
				height:5em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 4em;
				margin-bottom: 4em;

				border: 0;

				background-image: url(images/delimiter.svg);
				background-position: center;
				background-repeat: no-repeat;

				}

				#nav {
					overflow:auto;
				}

				#mobile-menu {

					float:right;

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					margin: 0;
					padding: 0;
					padding-top:0.30em;
					padding-right: 1em;
				}

				#mobile-menu a {
					text-decoration: none;
					color: white;
				}


				#nav-inner {
					width: 100%;
				}

				#nav ul {

					display: none;
					width:100%;
					clear:both;
					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					list-style-type: none;
					margin: 0;
					padding: 0;
					padding-top:0.25em;
					text-align:center;

				}

				#nav li {
					margin-bottom: 1em;
				}

				#nav li a {
					display:block;
					width:100%;
				}

				#contact p	{

					font-size: 16pt;
					color: white;
					margin:initial;
					margin-top:0.5em;
					margin-bottom:1em;
					width: initial;

				}

				#contact-container {


				width:85%;
				margin-left: auto;
				margin-right: auto;

				}

				#contact-item-1 {

				width:50%;
				float:left;
				margin-bottom:2em;


				}

				#contact-item-2 {

				width:50%;
				float:left;
				margin-bottom:2em;


				}

				#contact-item-3 {

				width:100%;
				clear:both;

				}

				.contact-box-1 {

					width: fit-content;
					margin-right:auto;

				}

				.contact-box-2 {

					width: fit-content;
					margin-left:auto;


				}

				.contact-box-3 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;
					text-align: center;

				}

				#social-item {

				text-align:center;
				float:left;

				}


				#contact h1 {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 28pt;
					color: white;

					width:fit-content;
					margin-left: auto;
					margin-right: auto;

				}

				.contact-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin:initial;
					margin-bottom:0.5em;

				}

				.social-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					display: flex;
					align-items: center;

					margin-left:auto;
					margin-right:auto;
					margin-top:0;
					margin-bottom:0.5em;
					width: fit-content;

				}


				#footer-image {

				margin-top: 2em;
				width:100%;
				clear:both;

				}

				.media-scroller {
					width:calc(85% - 4vw);
					margin-left:auto;
					margin-right:auto;
				  display: grid;
				  gap: 2vw;
				  grid-auto-flow: column;
				  grid-auto-columns: 37%;

					background-color: #1a1a1a;
					padding: 2vw;

				  overflow-x: auto;
				  overscroll-behavior-inline: contain;
				}

				.media-element img {
					width:100%;
				}

			}

			/* Medium devices (landscape tablets, 768px and up) */
			@media only screen and (min-width: 768px) and (max-width: 991px) {

				h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:90%;
				margin-left: auto;
				margin-right: auto;

				}

				h2, h3 {

					width:90%;
					margin-left: auto;
					margin-right: auto;

				}

				.list-fit {

					width:90%;
					margin-left: auto;
					margin-right: auto;

				}

				#map {
					width:90%;
					margin-left:auto;
					margin-right:auto;
					display:block;
				}

				#main p {

				width:90%;
				margin-left: auto;
				margin-right: auto;

				}

				#main hr {

				width:90%;
				height:5em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 4em;
				margin-bottom: 4em;

				border: 0;

				background-image: url(images/delimiter.svg);
				background-position: center;
				background-repeat: no-repeat;

				}

				#mobile-menu {
					display: none;
				}

				#nav {
					min-height:45px;
				}


				#nav ul {
					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 16pt;
					color: white;

					list-style-type: none;
					margin: 0;
					padding: 0;
					padding-top:0.30em;

				}

				#nav li {
					float: left;
					margin-right: 1em;
				}


				#contact p	{

					font-size: 16pt;
					color: white;
					margin:initial;
					margin-top:0.5em;
					margin-bottom:1em;
					width: initial;

				}


				#contact-container {

				width:90%;
				margin-left: auto;
				margin-right: auto;

				}

				#contact-item-1 {

				width:40%;
				float:left;
				margin-bottom:2em;

				}

				#contact-item-2 {

				width:30%;
				float:left;
				margin-bottom:2em;

				}

				#contact-item-3 {

				width:30%;
				float:left;
				margin-bottom:2em;

				}

				.contact-box-1 {

					width: fit-content;
					margin-right:auto;


				}

				.contact-box-2 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;


				}

				.contact-box-3 {

					width: fit-content;
					margin-left:auto;

				}

				#contact h1 {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 28pt;
					color: white;

					width:90%;



				}

				.contact-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin:initial;
					margin-bottom:0.5em;

				}

				.social-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin-top:0;
					margin-bottom:0.5em;

				}

				.media-scroller {
					width:calc(90% - 4vw);
					margin-left:auto;
					margin-right:auto;
				  display: grid;
				  gap: 2vw;
				  grid-auto-flow: column;
				  grid-auto-columns: 25%;

					background-color: #1a1a1a;
					padding: 2vw;

				  overflow-x: auto;
				  overscroll-behavior-inline: contain;
				}

				.media-element img {
					width:100%;
				}

			}

			/* Large devices (laptops/desktops, 992px and up) */
			@media only screen and (min-width: 992px) and (max-width: 1199px) {

				h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:80%;
				margin-left: auto;
				margin-right: auto;

				}

				h2, h3 {

					width:80%;
					margin-left: auto;
					margin-right: auto;

				}

				.list-fit {

					width:80%;
					margin-left: auto;
					margin-right: auto;

				}

				#map {
					width:80%;
					margin-left:auto;
					margin-right:auto;
					display:block;
				}

				#main p {

				width:80%;
				margin-left: auto;
				margin-right: auto;

				}

				#main hr {

				width:80%;
				height:5em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 4em;
				margin-bottom: 4em;

				border: 0;

				background-image: url(images/delimiter.svg);
				background-position: center;
				background-repeat: no-repeat;

				}

				#mobile-menu {
					display: none;
				}

				#nav ul {
					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					list-style-type: none;
					margin: 0;
					padding: 0;
					padding-top:0.30em;

				}

				#nav li {
					float: left;
					margin-right: 1em;
				}

				#contact p	{

					font-size: 16pt;
					color: white;
					margin:initial;
					margin-top:0.5em;
					margin-bottom:1em;
					width: initial;

				}


				#contact-container {

				width:80%;
				margin-left: auto;
				margin-right: auto;

				}

				#contact-item-1 {

				width:40%;
				float:left;
				margin-bottom:2em;

				}

				#contact-item-2 {

				width:30%;
				float:left;
				margin-bottom:2em;

				}

				#contact-item-3 {

				width:30%;
				float:left;
				margin-bottom:2em;

				}

				.contact-box-1 {

					width: fit-content;
					margin-right:auto;


				}

				.contact-box-2 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;


				}

				.contact-box-3 {

					width: fit-content;
					margin-left:auto;

				}

				#contact h1 {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 28pt;
					color: white;

					width:80%;



				}

				.contact-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin:initial;
					margin-bottom:0.5em;

				}

				.social-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin-top:0;
					margin-bottom:0.5em;

				}

				.media-scroller {
					width:calc(80% - 4vw);
					margin-left:auto;
					margin-right:auto;
				  display: grid;
				  gap: 2vw;
				  grid-auto-flow: column;
				  grid-auto-columns: 25%;

					background-color: #1a1a1a;
					padding: 2vw;

				  overflow-x: auto;
				  overscroll-behavior-inline: contain;
				}

				.media-element img {
					width:100%;
				}

			}

			/* Extra large devices (large laptops and desktops, 1200px and up) */
			@media only screen and (min-width: 1200px) {

				h1 {

				font-family: Anton-Regular;
				font-weight: 100;
				font-size: 28pt;
				color: white;

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

				}

				h2, h3 {

					width:68.75%;
					margin-left: auto;
					margin-right: auto;

				}

				.list-fit {

					width:68.75%;
					margin-left: auto;
					margin-right: auto;

				}

				#map {
					width:68.75%;
					margin-left:auto;
					margin-right:auto;
					display:block;
				}

				#main p {

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

				}

				#main hr {

				width:68.75%;
				height:5em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 4em;
				margin-bottom: 4em;

				border: 0;

				background-image: url(images/delimiter.svg);
				background-position: center;
				background-repeat: no-repeat;


				}

				#mobile-menu {
					display: none;
				}

				#nav ul {
					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					list-style-type: none;
					margin: 0;
					padding: 0;
					padding-top:0.30em;

				}

				#nav li {
					float: left;
					margin-right: 1em;
				}

				#contact p	{

					font-size: 16pt;
					color: white;
					margin:initial;
					margin-top:0.5em;
					margin-bottom:1em;
					width: initial;

				}


				#contact-container {

				width:68.75%;
				margin-left: auto;
				margin-right: auto;

				}

				#contact-item-1 {

				width:40%;
				float:left;
				margin-bottom:2em;

				}

				#contact-item-2 {

				width:30%;
				float:left;
				margin-bottom:2em;

				}

				#contact-item-3 {

				width:30%;
				float:left;
				margin-bottom:2em;

				}

				.contact-box-1 {

					width: fit-content;
					margin-right:auto;


				}

				.contact-box-2 {

					width: fit-content;
					margin-left:auto;
					margin-right:auto;


				}

				.contact-box-3 {

					width: fit-content;
					margin-left:auto;

				}

				#contact h1 {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 28pt;
					color: white;

					width:68.75%;



				}

				.contact-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin:initial;
					margin-bottom:0.5em;

				}

				.social-header {

					font-family: Anton-Regular;
					font-weight: 100;
					font-size: 18pt;
					color: white;

					width: fit-content;

					display: flex;
					align-items: center;
					margin-top:0;
					margin-bottom:0.5em;

				}

				.media-scroller {
					width:calc(68.75% - 2vw);
					margin-left:auto;
					margin-right:auto;
				  display: grid;
				  gap: 1vw;
				  grid-auto-flow: column;
				  grid-auto-columns: 27%;

					background-color: #1a1a1a;
					padding: 1vw;

				  overflow-x: auto;
				  overscroll-behavior-inline: contain;
				}

				.media-element img {
					width:100%;
				}


			}