@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather:wght@400;700&display=swap');
html, body {
	margin: 0;
	font-family: "Lato", sans-serif;
	font-size: inherit;
	background-color: white
}
.skip { position: absolute; top: -1000px }
h1, h2, h3, h4, h5, h6 { font-family: "Merriweather", serif; color:#1b84ff; text-transform: capitalize }
body h1:first-of-type { margin-top: 0 }
img { margin-bottom: -4px }
.debug { position: relative; z-index: 11; background-color: black; color: white; padding: 20px }
.fix_width { box-sizing: border-box; max-width: 1100px; margin: auto }
.shadow { box-shadow:0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) }
.base {
	background-position: center center;
	background-size: cover;
	position: fixed;
	top: 0;
	width: 100%;
	bottom: 0;
	opacity: 1;
	z-index: 0
}
.bar_contact {
	display: table;
	background-color: rgba(0,0,0,.7);
	width: 100%;
	position: relative;
	z-index: 10
}
.bar_contact a, .bar_contact a:visited { color: white; text-decoration: none }
.bar_contact a:hover { text-decoration: underline }
.bar_contact div {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	color: white;

	box-sizing: border-box;
	white-space: nowrap
}
.bar_contact div:last-child { text-align: right; width: 100% }
.bar_logo {
	display: table;
	width: 100%;
	position: relative;
	z-index: 9;
	background-color: #f2f2f2;
}
.bar_logo div {
	display: table-cell;
	padding: 20px;
	box-sizing: border-box
}
.bar_logo div:last-child { width: 100%; padding-left: 0 }
.bar_logo img { height: 40px; width: auto }
nav ul { margin: 0; padding: 0; list-style: none }
nav ul ul { display: none }
nav li { display: inline }
nav a, nav a:visited {
	text-decoration: none;
	color: black;
	font-size: 110%;
	margin-right: 10px;
	transition: .5s
}
nav a:hover { text-decoration: underline; color: black }
.bar_banner {
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 8;
	padding-bottom: 35%;
	overflow: hidden
}
.bar_banner img {
	position: absolute;
	right: -10px;
	bottom: 0;
	width: 40%;
	height: auto
}
.bar_wrapper { background-color: white; position: relative; z-index: 7; border-bottom: 5px solid red  }
.bar_content { padding: 20px }
.bar_blank {
	position: relative;
	z-index: 7;
	padding: 20px;
	font-size: 200%;
	text-align: center;
	color: white;
	font-family: "Merriweather", serif
}
.footer {
	display: table;
	color: white;
	position: relative;
	z-index: 6;
	width: 100%;
	margin-bottom: 50px;
	background-color: rgba(0,0,0,.4);
	font-weight: 700
}
.footer div { display: table-cell; vertical-align: top; padding: 20px; width: calc(100%/3) }
.foot_fca { width: 200px; height: auto; filter: brightness(0) invert(1); margin-bottom: 8px }
.footer div p { margin: 0 0 8px 0 }
.footer div p:first-of-type { font-family: "Merriweather", serif; font-size: 125%; margin-bottom: 15px }
.footer a, .footer a:visited { color: inherit; text-decoration: none }
.footer a:hover { text-decoration: underline }
.new_footer_ {
	padding: 20px;
	text-align: center;
	background-color: #f2f2f2;
	border: 1px solid grey
}
.new_footer_ p { margin: 0 0 5px 0 }
.new_footer_ p:first-child { font-size: 125% }
.new_footer_ p:last-child { margin-bottom: 0 }
.new_footer_ a,
.new_footer_ a:visited { color: inherit }
.profile { display: table; width: 100%; background-color: #d8d4da; border-radius: 10px }
.profile div { box-sizing: border-box }
.profile .profile_row { display: table-row }
.profile .profile_cell {
	display: table-cell;
	vertical-align: top;
	width: calc(100%/3);
	padding: 20px;
}
.profile .profile_photo {
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-bottom: 90%;
	border-radius: 8px;
	border: 6px solid white
}
.profile_text { clear: both }
.profile h1, .profile h2, .profile h3 { font-size: 150% !important; margin: 10px 0 20px 0 !important }
.box { padding: 20px; border-radius: 10px; margin-bottom: 20px; font-size: 125% }
.box1 { background-color: #d8d4da }
.box2 { background-color: #bdbabf }
.box3 { background-color: #979599; color: white }
.social_on_page img { height: 40px; width: auto }
.social_at_top img { height: 40px; width: auto; vertical-align: middle; margin-top: -4px; margin-left: 20px }
.bar_mobile, .mobile_menu { display: none }
.imageAlignRight,
.imageAlignLeft {
	margin-bottom: 30px
}
.imageAlignRight {
	float: right;
	margin-left: 30px
}
.imageAlignLeft {
	float: left;
	margin-right: 30px
}
@media screen and (max-width: 1000px) {
	html, body { background-color: #504f51 }
	h1, h2, h3, h4, h5, h6 { font-size: 125%; text-align: center }
	.base { display: none }
	.bar_contact { display: block }
	.bar_contact div { display: block; padding: 0; width: auto; display: none }
	.bar_contact div:nth-child(1) { display: block; text-align: center; padding: 20px }
	.bar_logo div:nth-child(2) { display: none }
	.bar_mobile {
		display: none;
		background-color: red;
		padding: 20px 20px 0 20px;
		text-align: center
	}
	.bar_mobile ul { margin: 0; padding: 0; list-style: none }
	.bar_mobile ul ul { display: none }
	.bar_mobile a, .bar_mobile a:visited {
		color: white;
		text-decoration: none;
		font-size: 125%;
		display: block;
		padding-bottom: 20px
	}
	.mobile_menu img {
		width: 100%;
		height: 100%
	}
	.mobile_menu {
		display: block;
		position: absolute;
		z-index: 11;
		top: 75px;
		right: 20px;
		height: 50px;
		width: 50px;
		transition: .5s
	}
	.mobile_menu_active { transform: rotate(90deg) }
	.footer {
		display: block;
		margin-bottom: 0;
		background-color: transparent;
		font-weight: inherit;
		background-color: black
	}
	.footer div {
		display: block;
		padding: 0;
		padding: 20px !important;
		width: 100%;
		text-align: center;
		box-sizing: border-box
	}
	.profile { display: black; background-color: white }
	.profile .profile_row { display: block }
	.profile .profile_cell { display: block; width: 100%; padding: 0 !important }
	.profile .profile_photo { border: none }
	.profile h1, .profile h2, .profile h3 { font-size: inherit }
	.bar_banner { padding-bottom: 50%; }
	.bar_banner img { right: 0; width: 100%; }
}