/* Reset */
* {
	padding: 0;
	margin: 0;
}

/* Fonts */
@font-face {
  font-display: swap;
  font-family: 'Baskerville Fallback';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lb-regular.woff2') format('woff2'),
       url('../fonts/lb-regular.woff') format('woff'),
       url('../fonts/lb-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Baskerville Fallback';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lb-italic.woff2') format('woff2'),
       url('../fonts/lb-italic.woff') format('woff'),
       url('../fonts/lb-italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Baskerville Fallback';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lb-700.woff2') format('woff2'),
       url('../fonts/lb-700.woff') format('woff'),
       url('../fonts/lb-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Quattrocento Fallback';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/qc-700.woff2') format('woff2'),
       url('../fonts/qc-700.woff') format('woff'),
       url('../fonts/qc-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Teko Fallback';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/teko-600.woff2') format('woff2'),
       url('../fonts/teko-600.woff') format('woff'),
       url('../fonts/teko-600.ttf') format('truetype');
}

/* Defaults */
body {
	background-color: #232323;
	background-image: url('../img/bg.jpg');
	background-attachment: fixed;
	background-size: cover;
	color: #FFF;
	font-family: 'Libre Baskerville', 'Baskerville', 'Baskervald ADF', 'Baskerville Fallback', 'EB Garamond', 'Garamond', serif;
	line-height: 1.57em;
	text-shadow: 0 0 1ex rgba(255, 255, 255, 0.3), 0 0 2px rgba(255, 255, 255, 0.3);
}
@media (orientation: landscape) {
	body { background-position: center center; }
}
@media (orientation: portrait) {
	body { background-position: center center; }
}
a {
	color: burlywood;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition-duration: 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s;
	transition-property: color, background-color, border-color;
	text-decoration: none;
}
a:hover {
	color: bisque;
}
a.button {
  background-color: #1f2428;
  padding: 3px 10px;
  display: inline-block;
  margin: 7px;
	font-variant: all-small-caps;
  border-radius: 1.5px;
}
a.button:hover {
  background-color: #263541;
}
b {
	font-weight: 700;
	color: lightblue;
}
h1,h2,h3 {
	margin: 0 0 7px;
	font-family: 'Teko', 'Teko Fallback', sans-serif;
	line-height: 1.25em;
	font-weight: 600;
	color: linen;
}
h4,h5,h6 {
	margin: 0 0 7px;
	font-family: 'Teko', 'Teko Fallback', sans-serif;
	font-variant: all-small-caps;
	font-weight: 600;
	color: lavender;
}
h1 { font-size: 2.1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.9em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.3em; }
p {
	margin: 0 0 15px;
}
hr {
  border-top: 0;
  border-bottom: 1px;
  border-color: color(srgb 0.39 0.44 0.49 / 0.44);
  border-style: solid;
  margin: 28px 0 24px;
}
br {
	margin: 0 0 5px;
}

/* Page Wrapper and Styles */
#wrapper {
	width: 550px;
	background-color: #000;
	opacity: 0.85;
	float: right;
	min-height: 100vh;
}
@media (max-width: 600px) { #wrapper {
  float: none;
  width: 100%; 
}}
#wrapper-inner {
	padding: 20px 25px;
	opacity: 1.0;
}
#header.logo,
.logo {
	clear: both;
	width: 313px;
	margin: 0 auto 36px;
  font-family: 'Quattrocento', 'Quattrocento Fallback', 'Libre Baskerville', 'Baskerville', 'Baskervald ADF', 'EB Garamond', 'Garamond';
	font-size: 57px;
	line-height: 54px;
	font-weight: 700;
}
#header.logo img,
.logo img {
	margin: 0 25px 0 0;
	border: 0;
	height: 100px;
	float: left;
}
#header h1,
#header.logo h1 {
  font-family: 'Quattrocento', 'Quattrocento Fallback', 'Libre Baskerville', 'Baskerville', 'Baskervald ADF', 'EB Garamond', 'Garamond';
	font-size: 47px;
	text-align: center;
	margin-bottom: 24px;
}
#content {
	clear: both;
	margin: 0 0 40px;
	text-align: center;
}
h4.services {
	margin: 25px 0 7px;
	padding: 0 0 3px;
	border-bottom: 1px solid lavender;
	display: inline-block;
}
ul.services {
	list-style: none;
	margin: 0 0 30px;
	font-size: 0.94em;
}
.services .divider {
	margin: 0 10px;
}
p .phone { font-weight: 700; }
#social { 
	margin: 0 auto 30px;
	text-align: center;
}
#social a {
	display: inline-block;
	height: 28px;
	width: 28px;
	margin: 0 7px;
	background-image: url(../img/bg_nav_icons.png);
	background-repeat: no-repeat;
}
#social a span { display: none; }
#social a.icon-facebook { margin-left: 0; background-position: 0 0; }
#social a.icon-facebook:hover { background-position: -50px 0; }
#social a.icon-twitter { background-position: 0 -50px; }
#social a.icon-twitter:hover { background-position: -50px -50px; }
#social a.icon-instagram { background-position: 0 -100px; }
#social a.icon-instagram:hover { background-position: -50px -100px; }
#social a.icon-tumblr { background-position: 0 -150px; }
#social a.icon-tumblr:hover { background-position: -50px -150px; }
#social a.icon-linkedin { background-position: 0 -200px; }
#social a.icon-linkedin:hover { background-position: -50px -200px; }
#social a.icon-spotify { background-position: 0 -250px; }
#social a.icon-spotify:hover { background-position: -50px -250px; }
#social a.icon-github { background-position: 0 -300px; }
#social a.icon-github:hover { background-position: -50px -300px; }
p#locations,
p#copyright {
	margin: 0 0 20px;
	text-align: center;
	clear: both;
	font-variant: all-small-caps;
	font-weight: 700;
	font-size: 0.8em;
}
p#locations .divider {
	margin: 0 10px;
}


/* Forms */
fieldset {
	text-align: left;
	border: 0;
}
label {
}
input {
	width: 97%;
	margin: 0 0 21px;
	padding: 3px 4px;
}
textarea {
	width: 97%;
	height: 222px;
	margin: 0 0 24px;
	padding: 3px 4px;
}
button {
	color: burlywood;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition-duration: 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s;
	transition-property: color, background-color, border-color;
	text-decoration: none;
  background-color: #1f2428;
  padding: 4px 10px 3px;
  margin: 7px;
  border-radius: 1.5px;
  border-style: solid;
  border-width: 0;
	font-family: 'Teko', 'Teko Fallback', sans-serif;
  font-size: 24px;
}
button:hover {
  background-color: #263541;
}
.message {
	background-color: #29342f;
	margin: 0 0 21px;
	padding: 5px;
  border-radius: 1.5px;
}