@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #FFF;
	margin: 0;
	padding: 0;
}
body {
	background-color: #061721;
	background-image: url("../images/backimage.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -225px top;
	background-attachment: fixed;
}

/*  LINKS  
a { text-decoration:none; }
a:link,a:active,a:visited { color: var(--brown); }
a:hover {
	color: var(--brownL);
	text-shadow: 2px 1px 5px var(--brownLL), -1px -2px 10px var(--brownLL);
} */
a { text-decoration: none }
a:link,a:active,a:visited { color: var(--orange); }
a:hover {
	color: var(--orangeLL);
	text-shadow: 2px 1px 5px var(--brownLL), -1px -2px 10px var(--brownLL);
}

aside { 
	display: inline-block;
}
.sidebar{
	background: white;
	height: min-content;
	margin: 0 10px 0 10px;
	width: 1fr;
	position: fixed!important;
	z-index: 20;
	overflow: auto;
}
aside ul {
	list-style-type: none;
}

/* ALIGNMENT */
.center {
	margin: auto;
}
.unjust {
	text-align: left;
	text-justify: unset;
}
.just {
	text-align: left;
	text-justify: auto;
}
.left {
	position: absolute;
	text-align: left;	
	left: 0;
}
.text-center {
	text-align: center;
}
.sm-caps {
	font-variant: small-caps;
}

main {
	text-align: center;
	letter-spacing: 0.05rem;
	font-size: 90%;
	position: absolute;
	display: contents;
	max-width: 100%;
}

.frontlogo {
	width: 95%;
	margin: 18% 0 0 0;
}

.box {
	display: inline-block;
  	text-align: center;
}
.call {
	font-family: Helvetica, Arial, "sans-serif";
	font-weight: bold;
	position: absolute;
	display: inline-block;
	font-size: 180%;
	padding: 0;
}
.call a:link {
	font-weight: bolder;
}
.callimg {
	width: 15px;
	height: auto;
	vertical-align: middle;
}
.boxcall {
	position: absolute;
	right: 0;		
	top: 0;
}
#topmost {
  	position: absolute;
	z-index: 100;
}
/*#topMost {
	overflow: hidden;
  	position: absolute;
	top: 4px;
	left: 33%;
	/*right: 0;*//*	
	z-index: 100;
}*/

.map {
	position: absolute;
	top: 45%;
	width: 100%;
}
.mapsize {
	width: 50%;
	height: 80%;
}

.legal {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 60%;
	background-color: #000;
}

.buttons {
	bottom: 5%;
	position: absolute;
	width: 100%
}
.box-text {
	position: relative;
	/*bottom: 25px;*/
	bottom: 25px;
	left: 0px;
	z-index: 51;
	color: #fff;
	font-size: .8em;
	letter-spacing: .1em;
	font-weight: bolder;
}
.glow {
	text-shadow: 3px 2px 5px #000, -2px -3px 5px #000;
	/*text-shadow: 2px 2px 10px #000, -2px -2px 10px #000, -3px 3px 20px #000, 3px -3px 20px #000;*/
	/* text-shadow : horizontal-shadow vertical-shadow blur color, horizontal-shadow vertical-shadow blur color; */
}

.image {
	border: 3px solid #365682;
	margin: -5px;
	width: 50px;
}
.imgbut:hover {
	filter: brightness(150%);
}

/* mobile/tablet/desktop response */
@media screen and (min-width: 300px) and (max-width: 700px) {
	.d-menu {
		display: none;
	}
	.d-map {
		display: none;
	}
	.boxcall {
		top: 0;
		left: 20vw;
		z-index: 25;
	}
	.logo2 {
		top: -13px;
	}
	#mob-logo2 {
		z-index: 20;
	}
}

@media screen and (min-width: 700px) and (max-width: 840px) {
	.boxcall {
		top: 0;
		right: 29vw;
		z-index: 25;
	}
}

@media screen and (min-width: 700px) {
	.logo {
		display: none;
	}
	body {
		background-position: -200px 30px;
		background-size: 82%;
		font-weight: 500;
		font-size: 100%;
	}
	main {
		display: contents;
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 100%;
		position: absolute;
		max-width: 100%;
	}
	.d-menu {
		position: relative;
		text-align: right;
		right: 0;
		margin: 15% 0 0 0;
	}
	/*.d-menu {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		color: #FFFFFF;
		font-weight: 600;
		font-size: 100%;
		line-height: 1rem;
		letter-spacing: 0.33rem;
	}*/
	.frontlogo {
		width: 70%;
		margin: 0 20px 0 0;
	}
	.box {
		display: block;
		text-align: right;
	}

	/* CALL */
	.call {
		font-family: Helvetica, Arial, "sans-serif";
		font-weight: bold;
		position: absolute;
		display: inline-block;
		font-size: 190%;
		padding: 0;
	}
	.call a:link {
		font-weight: bolder;
	}
	.call-mid {
		font-family: Helvetica, Arial, "sans-serif";
		position: relative;
		display: inline-block;
		font-size: 130%;
		margin: 0 15px 0 0;
		font-weight: bold;
	}
	.callimg {
		width: 15px;
		height: auto;
		vertical-align: middle;
	}
	.contain {
		position: relative;
		right: -60%;
		width: 40%;
	}

	/* 	HEADER & LOGOS  */
	.menuLoc {
		position: relative;
		top: 0;
		left: 0;
	}
	.wideauto {
		z-index: 1;
		position: relative;
		margin: 0;
		padding: 0;
		width: 300px;
	}
	.map {
		display: none;
	}
	.d-map {
		position: relative;
		top: 65%;
		width: auto;
		right: 5%;
		margin: 5px 0 5px 0;
		font-size: .65em;
	}
	.mapsize {
		width: 100%;
		height: 200px;
	}
	.legal {
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #000;
		width: 100%;
		font-size: 85%;
	}
}