html, body { color: white; font-size: 15px; background-color: #dacfcf; height: 100%; margin: 0; font-family: Roboto, sans-serif; -webkit-text-size-adjust: 100%}
.wrapper { position: relative; width: 100%; height: 100%; margin-right: auto; margin-left: auto; }
.menu { text-align: center; position:absolute; width: 100%; z-index: 100; box-sizing: border-box; }
.menu a { color: #fff; font-size: 16px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; padding: 20px 8px; border-bottom: 1px solid white; display: inline-block; }
.inner { position: relative; width: 100%; }
.home-inner { height: 100%; display: table; }
.content { vertical-align: middle; position: relative; width: 100%; background-color: #0d0d0d;}
.home-content { background-color:#0d0d0d; vertical-align: middle; height: 100%; display: table-cell;  background-image: url(../working-toward-performance2.jpg); background-repeat: no-repeat; background-position: center;  background-size: contain;}
.title { text-align: center !important; }
.text { padding-top: 140px; padding-bottom: 20px; }
.snippet { max-width: 800px; margin-right: auto; margin-left: auto; box-sizing: border-box; padding-right: 30px; padding-left: 30px; }
.footer { color: white; font-size: 12px; text-align: center; position: relative; z-index: 50; padding: 10px 30px; border-top: 1px solid white; }
.quote { color: black; font-style: italic; background-color: #dacfcf; margin-top: 40px; padding-top: 40px; padding-bottom: 40px; }
.quote em { font-weight: bold; font-style: normal; margin-top: 4px; display: block; }
.quote strong { font-size: 40px; font-weight: 400; vertical-align: text-top; }
h1 { font-family: "Roboto Condensed", sans-serif; color: white; font-size: 40px; font-weight: 400; text-transform: uppercase; letter-spacing: 4px;  padding-right: 30px; padding-left: 30px;}
p { max-width: 900px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; }
.quote p {  }
.venue { text-align: center; font-weight: 600; line-height: 24px; padding-bottom: 10px; }
.credit { color: #6e5b5c; font-style: italic; position: absolute; right: 30px; bottom: 30px; }
.facebook { line-height: 24px; background-image: url(../facebook.png); background-repeat: no-repeat; background-position: 25px 50%; text-indent: 34px; background-size: 24px 24px; }
.email { line-height: 24px; background-image: url(../email.png); background-repeat: no-repeat; background-position: 25px 50%; text-indent: 34px; background-size: 24px 24px; }
.contact a { color: white; font-weight: 700; text-decoration: none; }
.contact a:hover { text-decoration: underline; }
@media screen and (max-width: 600px) {

h1 { font-size: 30px; letter-spacing: 3px; padding-top: 25px;}
.credit { font-size: 10px;  }
}