/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {box-sizing: border-box; margin: 0; padding: 0;}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body {margin: 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline}
audio:not([controls]) {display: none; height: 0}
[hidden],template {display: none}
a {background-color: transparent}
a:active,a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b,strong {font-weight: 700}
dfn {font-style: italic}
mark {color: #000; background: #ff0}
small {font-size:80%}
sub,sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
pre {overflow: auto}
code,kbd,pre,samp {font-family: monospace,monospace; font-size: 1em}
button,input,optgroup,select,textarea {margin: 0; font: inherit; color: inherit}
button {overflow: visible}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver}
legend {padding: 0; border: 0}
textarea {overflow: auto}
optgroup {font-weight: 700}
table {border-spacing: 0; border-collapse: collapse}
td,th {padding: 0}

body {background: #999; font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px;}
h1, h2, h3, h4 {font-family: 'Oswald', serif; font-weight: 300; line-height: 1.1; margin-bottom: .67em;}
h1, .h1 {font-size: 36px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}

p, li {line-height: 1.4; margin-bottom: 1em;}
li {margin-bottom: .3em;}
ul, ol {margin-bottom: 1em;}

a {color: #4aa2ae; text-decoration: none;}
a:hover {text-decoration: underline;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {min-height: 1px; padding: 0 15px; position: relative;}
.col-section {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.col-no-margin {margin: 0 -15px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-sm-9 {float: left;}

.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

#page-wrapper {box-shadow: 0 0 4px #333; margin: 0 auto; max-width: 1200px;}

header {background: #fff; border-bottom: 1px solid #ccc; font-family: 'Oswald', serif; padding: 10px 30px 10px 15px; overflow: hidden; position: relative; text-align: center;}
#header-top {display: none; margin-top: -10px; text-align: right;}
#header-top span {background: #999; border-radius: 0 0 6px 6px; color: #fff; display: inline-block; font-size: 14px; letter-spacing: 0.1em; padding: 4px 14px;}
header nav {display: block; font-size: 16px; margin-top: 12px;}
header nav li {display: inline; list-style-type: none; padding-left: 12px;}
header nav li:first-child {padding-left: 0;}

#banner {background: url(images/banner2.jpg) no-repeat right; background-size: auto 100%; border-bottom: 1px solid #ccc; min-height: 380px;}
#banner-content {align-self: center; background: #fff; box-shadow: 2px 2px 4px #ccc; padding: 20px 40px 30px;}
#banner-content h1 {color: #4aa2ae; font-size: 30px; margin-bottom: 10px;}
#banner-content p {color: #888; font-size: 16px; margin-bottom: 0;}
#banner-image {text-align: right;}
#banner-image img {height: 100%;}

#content {background: #fff;}
#content ul {margin-left: 18px;}
.content-wrapper {padding: 60px 40px;}
#content img {max-width: 100%;}
.bottom-border {border-bottom: 1px solid #ccc;}

#quotes {background: url(images/quote-bg.jpg) #4aa2ae; color: #fff; overflow: hidden; padding: 40px 0 20px; position: relative; text-align: center;}
#quotes div {max-height: 380px; padding: 0 70px; width: 100%;}
#quotes .short-quote {margin-top: 50px;}
#quotes p {font-size: 16px;}
#quotes span {color: #ddd; font-style: italic;}
.cycle-slideshow > div {position: absolute; top: 0; left: 0; width: 100%; padding: 0;}
#quotes .cycle-prev, #quotes .cycle-next {margin-top: -50px; position: absolute; top: 50%; z-index: 1000;}
#quotes .cycle-prev {left: 15px;}
#quotes .cycle-next {right: 15px;}

#about-derek {background: #efefef;}

#contact {font-size: 20px;}

footer {background: #fff; color: #999; padding: 20px 40px; text-align: center;}
footer nav {font-size: 14px;}
footer nav ul {margin-bottom: 0; margin-top: 5px;}
footer nav li {display: inline; list-style-type: none; padding-left: 20px; }
footer nav li:first-child {padding-left: 0;}

@media (max-width: 430px) {
	#banner {background-position-y: -70px; min-height: 440px;}
	#banner-content {align-self: flex-end; background: #fff; box-shadow: 2px 2px 4px #ccc; margin-top: 20px; padding: 20px 40px 30px; width: 100%;}
}

@media (min-width: 660px) {
	.col-sm-12 {width: 100%;}
	.col-sm-11 {width: 91.66666667%;}
	.col-sm-10 {width: 83.33333333%;}
	.col-sm-9 {width: 75%;}
	.col-sm-8 {width: 66.66666667%;}
	.col-sm-7 {width: 58.33333333%;}
	.col-sm-6 {width: 50%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-3 {width: 25%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-1 {width: 8.33333333%;}

	#header-top {display: block;}
	header img {float: left; margin-top: -22px;}
	header nav {float: right; font-size: 20px; margin-top: 32px;}
	header nav li {padding-left: 20px;}

	#banner-content h1 {font-size: 40px;}
	#banner-content p {font-size: 18px;}

	#quotes p {font-size: 26px;}

	footer {text-align: left;}
	footer nav {float: right;}
	footer nav ul {margin-top: 0;}
}