html, body { background-color: #f4f2e6; color: #333333; font-family: 'Oswald', sans-serif; }

a { color: #99893e; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

.block { max-width: 90%; margin: 0 auto 5vh auto; border: 1px solid rgba(0, 0, 0, 0.5); background-color: #fdfdfd; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); overflow: hidden; padding: 1%; }
.block #HiRon { float: right; }
.block h1 { font-size: 6vw; line-height: 100%; margin: 0; padding: 0 0 10px 0; font-weight: 400; text-transform: uppercase; }
.block h3 { display: inline; font-weight: 400; }

span.secondary { color: #99893e; }

.flex-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }

header { padding-right: 0 !important; padding-bottom: 0 !important; }

.audio-samples { padding: 0; width: 80%; margin-left: auto; margin-right: auto; }

.audio-holder { flex-grow: 1; flex-shrink: 1; flex-basis: 40%; height: 100%; padding: 2vw; }
.audio-holder h2 { font-size: 3vw; text-align: center; line-height: 4vw; font-weight: 400; }
.audio-holder .audio-wrapper { text-align: center; }
.audio-holder audio { width: 70%; min-height: 40px; padding: 0; }

.audio-selections { flex-grow: 1; flex-shrink: 1; flex-basis: 40%; }
.audio-selections ul { margin: 0; padding: 0; }
.audio-selections li { list-style: none; cursor: pointer; background-color: #333333; color: #fdfdfd; border-bottom: 1px solid #fdfdfd; font-size: 2vw; font-weight: 200; text-transform: uppercase; padding-left: 2%; }
.audio-selections li:hover { background-color: #99893e; }

ul#DemoPick { min-height: 275px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }
ul#DemoPick li { width: 100%; height: 250px; flex-grow: 1; flex-shrink: 1; flex-basis: 40px; }

footer .client-list { flex-grow: 1; flex-shrink: 1; flex-basis: 50%; }
footer .contact-info { flex-grow: 1; flex-shrink: 1; flex-basis: 50%; text-align: right; }
footer address { display: inline; font-style: normal; }
