* {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-style: normal;
    font-family: nunito-sans, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.02rem;
    color: #3e3d3c;
}

/* COLORS DEFAULT */
/* PAGE LAYOUT */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #efece9;
}

#wrapper {
    max-width: 932px;
    margin: 0 auto;
    padding: 0 16px;
    text-align: center;
}

#header {}

#nav {
    margin: 45px auto 10px;
}

#nav .logo {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

#header p {
    font-size: 24px;
}

#content {
    position: relative;
    z-index: 2;
}

.hero-img {
    display: block;
    margin: 20px auto 30px;
}

#footer {}

.footer-div {
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 1;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.footer-div:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    background: #b8b6b4;
}

.footer-div:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100px;
    box-shadow: inset 10px 0 25px #efece9, inset -10px 0 25px #efece9, inset 0 0 50px #efece9, inset 0 0 50px #efece9;
}

.footer-div > span {
    background: #efece9;
    padding: 0 8px;
    display: inline-block;
}

.footer-logo {
    position: relative;
    z-index: 1;
    padding: 15px 0 50px;
    font-size: 14px;
}

.footer-logo a {
    text-decoration: none;
}

.footer-logo big {
    display: block;
    font-family: granville, serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 19px;
    color: #3f5263;
}

/* HELPERS */
.clear {
    clear: both;
}

.clearfix,
.row {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}

.clearfix:before,
.row:before,
.clearfix:after,
.row:after {
    content: "";
    display: table;
}

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

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.hide {
    display: none !important;
}

/* BASIC STYLING */
input[type="checkbox"],
input[type="radio"] {
    margin-right: 16px;
    margin-bottom: 0;
    width: auto;
    vertical-align: middle;
}

textarea {
    resize: none;
}

img,
svg {
    max-width: 100%;
}

/* MODULE */


/* RESPONSIVE */
/* < 960 */
@media only screen and (max-width: 960px) {}

/* < 768 */
@media only screen and (max-width: 768px) {
    #header p {
        font-size: 18px;
    }
}

/* < 480 */
@media only screen and (max-width: 480px) {}