h1,
h2,
h3,
h4 {
    margin-bottom: 2.25rem;
    font-family: Bebas Neue, arial, sans-serif
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Bebas Neue, arial, sans-serif
}

body,
h3,
h4,
h5 {
    line-height: 2.25rem;
    font-weight: 400
}

hr,
ul li {
    padding: 0
}

a,
a.current,
a.logo:focus,
a.logo:hover,
a:focus,
a:hover,
li a {
    text-decoration: none;
    color: #2c3e50
}

.logo,
a,
a.current,
a:focus,
a:hover,
body,
html,
li a,
li a:hover {
    color: #2c3e50
}

.logo,
.main-menu,
.subtitle,
.success {
    text-align: center
}

html {
    font-size: 1em;
    line-height: 1.5
}

::-moz-selection {
    background:  #fcb03c;
    background:  #fcb03c;
    background:  #fcb03c;
    color: #FFF;
    text-shadow: none
}

::selection {
    background: #fcb03c;
    color: #FFF;
    text-shadow: none
}

hr {
    display: block;
    height: 0;
    border: 0;
    border: none;
    margin: 1em 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

textarea {
    resize: vertical
}

@font-face {
    font-family: Bebas Neue-Bold;
    font-style: normal
}

@font-face {
    font-family: Timeless;
    font-style: normal
}

@font-face {
    font-family: Timeless-Bold;
    font-style: bold
}

body {
    background-color: #e9edef;
    font-size: 1.5rem;
    margin: 0 auto
}

h1 {
    font-size: 4.875rem;
    font-weight: 400;
    line-height: 5.625rem;
    margin-top: 3.375rem
}

h2 {
    font-size: 3.438rem;
    font-weight: 400;
    line-height: 4.5rem;
    margin-top: 6.75rem
}

h3 {
    font-size: 2.125rem;
    margin-top: 4.5rem
}

h4 {
    font-size: 1.5rem;
    margin-top: 2.25rem
}

h5 {
    font-size: 1.188rem;
    margin-top: 2.25rem;
    margin-bottom: 0
}

a,
blockquote,
ol,
p,
pre,
table,
ul {
    font-family: Timeless, Georgia, serif;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

blockquote,
ol,
p,
pre,
table,
ul {
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 1.8em
}

a,
a.styled-links {
    font-weight: 400;
    line-height: 2.25rem
}

a:focus,
a:hover {
    box-shadow: 0 5px 0 #fcb03c;
    margin-bottom: -5px
}

a.styled-links {
    font-family: Bebas Neue, Helvetica Neue, arial, sans-serif;
    font-size: 1.5rem;
    margin-top: -1.5rem;
    margin-bottom: 2.25rem
}

h3.margin-off {
    margin-top: 2.5rem
}

ul,
ul li {
    margin: 0
}

blockquote {
    font-family: Timeless Bold;
    font-size: 2.1em;
    font-weight: 500;
    color: #fcb03c;
    position: relative;
    margin: 1.5em auto 1em;
    padding: .5em .5em .5em 1.8em;
    line-height: 1.5em
}

blockquote:before {
    font-family: Timeless-Bold;
    font-weight: 700;
    position: absolute;
    color: #fcb03c;
    font-size: 3em;
    line-height: .6em;
    top: 0;
    left: 0;
    content: "\201C"
}

.logo,
.menu a,
.subtitle {
    font-weight: 400
}

.logo {
    font-family: Bebas Neue, Helvetica Neue, arial, sans-serif;
    font-size: 3.438rem;
    line-height: 4.5rem;
    margin: 0 auto
}

a.logo:focus,
a.logo:hover {
    box-shadow: none
}

.logo-div {
    margin-top: 40px
}

.subtitle {
    font-family: Timeless, Georgia, serif;
    font-size: .6em;
    margin: 0 auto;
    padding-bottom: 10px
}

.menu a {
    font-family: Bebas Neue, Helvetica, arial, sans-serif;
    font-size: 1.5rem
}

.error,
.main-menu {
    font-family: Timeless
}

.main-menu {
    list-style: none;
    margin-top: 15px;
    padding-bottom: 55px
}

li.menu-item {
    position: relative;
    display: inline
}

li a {
    display: inline-block;
    margin: 20px
}

a.current {
    box-shadow: 0 5px 0 #fcb03c;
    margin-bottom: -5px
}

li a:hover ~ span {
    animation: ul .3s ease-out;
    background: #333
}

.white,
.white-bg,
.white-too {
    background-color: #fff
}

.white {
    padding: 0 !important
}

.white-too {
    height: 20px
}

.center-content {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 50px
}

.dark-blue {
    background-color: #2c3e50;
    padding-top: 5px;
    padding-bottom: 5px
}

.dark-blue h2 {
    color: #fcb03c
}

.dark-blue h3,
.dark-blue p,
ul.dark-ul {
    color: #fff
}

h3.dark-blue-title {
    margin-top: -3.5rem
}

.case-study-h3 {
    margin-top: 6.25rem;
    margin-bottom: -7.25rem
}

ul.normal {
    padding-left: 30px
}

ul.normal li:before {
    content: "• "
}

.image-caption {
    font-size: 1rem;
    font-style: italic
}

.image-shadow {
    box-shadow: 0 0 15px 0 #bebebe
}

.footer {
    height: 150px;
    width: auto;
    margin: 0 auto;
    font-size: .6em
}

.error {
    color: red;
    font-size: 1rem
}

.success {
    color: #f96;
    font-weight: 700;
    font-size: 14px
}

.contact-container {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.contact {
    font-size: 1rem;
    width: 410px;
    margin: 0 auto;
    padding-bottom: 20px
}

#contact button[type=submit],
#contact input[type=text],
#contact input[type=email],
#contact input[type=tel],
#contact input[type=url],
#contact textarea {
    font: 400 12px/16px Timeless, Georgia, serif
}

#contact {
    background: #F9F9F9;
    padding: 25px;
    margin: 0
}

#contact h3 {
    color: #2c3e50;
    display: block;
    font-size: 30px;
    font-weight: 400
}

#contact h4 {
    margin: 5px 0 15px;
    display: block;
    font-size: 13px
}

fieldset {
    border: none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%
}

#contact input[type=text],
#contact input[type=email],
#contact input[type=tel],
#contact input[type=url],
#contact textarea {
    width: 100%;
    border: 1px solid #CCC;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px
}

#contact input[type=text]:hover,
#contact input[type=email]:hover,
#contact input[type=tel]:hover,
#contact input[type=url]:hover,
#contact textarea:hover {
    -webkit-transition: border-color .3s ease-in-out;
    -moz-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    border: 1px solid #AAA
}

#contact textarea {
    height: 100px;
    max-width: 100%;
    resize: none
}

#contact button[type=submit] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #2c3e50;
    color: #FFF;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px
}

#contact button[type=submit]:hover {
    background: #fcb03c;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

#contact button[type=submit]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
}

#contact input:focus,
#contact textarea:focus {
    outline: 0;
    border: 1px solid #999
}

::-webkit-input-placeholder {
    color: #888
}

:-moz-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

@media only screen and (min-width:0) and (max-width:767px) {

    h2,
    h3 {
        margin-bottom: .5625rem
    }

    body,
    li {
        font-size: 1.063rem;
        line-height: 1.688rem
    }

    h1 {
        font-size: 3.438rem;
        line-height: 3.9375rem;
        margin-bottom: 1.6875rem
    }

    h2 {
        font-size: 2.438em;
        line-height: 2.8125rem;
        margin-top: 4.5rem
    }

    h3 {
        font-size: 1.5rem;
        line-height: 2.25rem;
        margin-top: 3.375rem
    }

    .case-study-h3 {
        margin-top: 4rem;
        margin-bottom: -4rem
    }

    h4,
    h5,
    li {
        margin-bottom: .5625rem
    }

    h4,
    h5 {
        font-size: 1.063rem
    }

    p,
    ul {
        margin-top: 1.125rem;
        margin-bottom: 1.125rem
    }

    li {
        margin-top: 0
    }

    blockquote {
        font-size: 1.2rem;
        line-height: 1.6875rem
    }

    .menu a {
        font-size: 1.125rem
    }

    .image-caption {
        font-size: .6em
    }

    .contact {
        width: 250px
    }

    a.styled-links {
        font-size: 1.2rem
    }
}