/*!
 * fireshell
 * Fiercely quick and opinionated front-ends
 * http://getfireshell.com
 * @author Todd Motto
 * @version 1.1.0
 * Copyright 2013. MIT licensed.
 */


/*!
 * fireshell
 * Fiercely quick and opinionated front-ends
 * http://getfireshell.com
 * @author Todd Motto
 * @version 1.1.0
 * Copyright 2013. MIT licensed.
 */

.clear:before,
.row:before,
.clear:after,
.row:after {
    content: ' ';
    display: table
}

.clear,
.row {
    *zoom: 1
}

.clear:after,
.row:after {
    clear: both
}

* {
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

html {
    font-size: 62.5%
}

body {
    font: 400 14px/20px "Nexa W01", Helvetica, Arial;
    background: #79bd9a;
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

h1,
h2,
h3 {
    letter-spacing: 1px
}

p,
ul,
h5 {
    margin-top: 0;
    color: #264448
}

h5 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 700
}

ul {
    padding-left: 20px
}

ul li {
    margin-bottom: 6px
}

#wrapper {
    max-width: 840px;
    margin: auto;
    padding: 0 20px
}

.col {
    display: block;
    float: left
}

.half {
    width: 45%;
    margin-left: 10%
}

.half.first {
    margin-left: 0
}

.header .sub-head {
    text-align: center;
    background: #264448;
    color: #79bd9a;
    padding: 7px 0
}

.header .sub-head h1 {
    font-family: "Bookman Old Style W01";
    margin: 16px;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 1px
}

.logo {
    margin-top: 16px;
    margin-bottom: 13px
}

.logo img {
    display: block;
    margin: auto;
    width: 224px;
    height: auto
}

.nav ul {
    list-style: none
}

.main {
    margin-top: 10px;
    margin-bottom: 200px;
    font-weight: 700
}

.main p {
    margin-bottom: 20px
}

.main h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    margin-top: 0px;
    margin-bottom: 10px
}

.main h4 {
    margin-top: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px
}
#call {
	width: 49%;
}
#email {
	width: 50%;
}
.main h4.some-pad1 {
	margin-top: 40px;
}
#email, #call {
    background: #264448;
    display: inline-block;
    padding: 12px 46px;
    color: #fff;
    font-family: "Bookman Old Style W01";
    font-size: 16px;
    font-weight: 400
}

#email a, #call a {
    color: #79bd9a;
    text-decoration: none
}

.email {
    margin: 24px 0;
    text-align: center
}

.footer {
    margin-top: 32px
}

.footer h5 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 8px
}

.footer p {
    margin-top: 0;
    margin-bottom: 8px
}

.footer a {
    color: #fff;
    text-decoration: none
}

.footer a:hover {
    text-decoration: underline
}

.btn {
    padding: 10px 64px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px
}

.btn:hover {
    text-decoration: underline
}

@font-face {
    font-family: Font-Name;
    src: url(../fonts/font-name.eot);
    src: url(../fonts/font-name.eot?#iefix) format("embedded-opentype"), url(../fonts/font-name.woff) format("woff"), url(../fonts/font-name.ttf) format("truetype"), url(../fonts/font-name.svg#font-name) format("svg");
    font-weight: 400;
    font-style: normal
}

::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

@media only screen and (max-width:768px) {
    .half {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width:420px) {
    #email {
        width: 100%;
        font-size: 14px;
        padding: 12px
    }
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
