html {
padding:0xp;
margin:0px;
height:100%;
width:100%;
}


body {
	display: flex;
	flex-flow: column nowrap;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-image: url(images/carbonbg10.jpg), url(images/carbonbg9.jpg);
	background-position: 0px 80px, 0px bottom;
	background-repeat: repeat-x, repeat-x;
	background-color: #000000;
	background-attachment: scroll, fixed;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	color:#FFFFFF;
	font:normal normal normal 16px/1.5 "Helvetica Neue",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif
}

div.header {
	background-color:#ffe400;
	background-image: url(images/banner.svg);
	background-size: auto 60px;
	background-position: center 10px; 
	background-repeat: no-repeat;
	order:1;
	flex: 0 1 auto;
	align-self: auto;
	min-width: 100%;
	min-height: 90px;
}

.logo {
display:block;
height:80px;
width:

}

.stripes {
	border:none;
	padding:0px;
	color:#4C4C4C;
	background-color:#4C4C4C;
	width:100%;
}

.stripe1 {
	margin:70px 0px 0px 0px;
	height:5px;
}

.stripe2 {
	margin:5px 0px 0px 0px;
	height:10px;
}

div.intro {
	display:inline-block;
	padding:15px 0px 15px 0px;
	text-align:center;
	order:2;
	flex: 0 1 auto;
	align-self: auto;
	min-width: 100%;
}

div.inside-alert {
	font-size: 120%;
	display:block;
	margin:15px 15px 15px 15px;
}

a.alert {
color: #e38614;
}

div.buttons {
	order:3;
	text-align:center;
	flex: 0 1 auto;
	align-self: auto;
	min-width: 100%;
}

div.slider {
	display: flex;
	justify-content: center;
	align-items: center;
	order:4;
	flex: 1 1 auto;
	align-self: auto;
	min-width: 100%;
	padding: 20px 0px 20px 0px;
}

div.footer {
	order:5;
	flex: 0 1 auto;
	align-self: auto;
	min-width: 100%;
	min-height: 50px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.footer img{
	display:inline-block;
	vertical-align: middle;
	height:30px;
	width:30px;
	margin:0px 0px 6px 8px;
}

.footer a{
	color:#FFFFFF;
}

/* --------- CORONA ALERT ---------- */

.corona-message {display:inline-block;background:yellow;padding:10px;} 




/* --------- SLIDER ---------- */

.sliderdiv {display:flex;margin:20 auto;align-items:center;justify-content: center;}
.Slides {display:none;height:120px;}
.slidebox {display:inline-block;vertical-align: middle;width:300px;border:0px;text-align: center;}

.slideleft {
	display:inline-block;
	vertical-align: middle;
	background-image: url("images/left-arrow.svg");
	background-size: 100% 100%;
	margin: 0px 0px 0px 0px;
	border:none;
	height:80px;
	width:10px;
	border:none;
	background-color:none;
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background:none;
}

.slideright {
	transform:scaleX(-1);
	display:inline-block;
	vertical-align: middle;
	background-image: url("images/left-arrow.svg");
	background-size: 100% 100%;
	margin: 0px 0px 0px 0px;
	border:none;
	height:80px;
	width:10px;
}


/* ----------- Mobile Buttons ----------- */

.btnphone {
	background: url(images/phone.svg);
}

.btndirections {
	background: url(images/directions.svg);
}

.btnbox {
	margin:0;
	padding:0;
	display:flex;
	justify-content: center;
	align-items: center;
	border: 0;
	height: 40px;
	background-size: 40px 40px;
	background-position: 0 0; 
	background-repeat: no-repeat;
}

.btn {
	display:inline-block;
	width:70%;max-width:320px;
	background: #fe6;
	background-image: -webkit-linear-gradient(top, #ffe400, #FFBE00);
	background-image: -moz-linear-gradient(top, #ffe400, #FFBE00);
	background-image: -ms-linear-gradient(top, #ffe400, #FFBE00);
	background-image: -o-linear-gradient(top, #ffe400, #FFBE00);
	background-image: linear-gradient(to bottom, #ffe400, #FFBE00);
	-webkit-border-radius: 9;
	-moz-border-radius: 9;
	border-radius: 9px;
	text-shadow: 1px 1px 0px #ffffff;
	color: #000000;
	font-size: 20px;
	padding: 5px 15px 5px 15px;
	border-top: solid #d9c754 1px;
	border-right: solid #c49935 1px;
	border-bottom: solid #99640f 1px;
	border-left: solid #c49935 1px;
	text-decoration: none;
}

/* ----------- RESPONSIVE ----------- */


@media only screen and (max-height: 540px){
body {font-size:14px;}
.footer {font-size:16px;}
.sliderdiv {display:none;}
.slider {display:none;}
}

@media (orientation:landscape) {
	body {
		font-size: 16px;
	}
	.slider {
		min-height: 120px;
		display: flex;
	}
	.sliderdiv {
		display: flex;
	}
}