body {
    margin:0;
    /*background-color: #000;*/
    font-family: Lato;
}
a {
    text-decoration:none
}
a:focus {
    outline:none
}
a:hover, a:active {
    outline:none
}



div, article, section, header, footer, nav, figure, li {
    /*position:relative*/
}

.ir {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden
}


section, header{
    width:100%;
    float:left
}

/*h1, h2, h3, h4, h5, h6, p {
    margin:0;
    -webkit-margin-before:0;
    -webkit-margin-after:0
}*/
.wrapper {
    margin:50px auto 0px;
    max-width:900px;
    padding:90px 16px;
    overflow:hidden
}
@media screen and (min-width: 992px) {
    .wrapper {
        padding:110px 0px;
        margin:80px auto 0px;
    }
}


header h1 {
    float:left;
    z-index:1000;
    position:relative;
    height:56px;
    width:56px
}
@media screen and (min-width: 768px) {

.wrapper {
		margin:60px auto 0px;
}
    header h1 {
        height:64px;
        width:64px
    }
}
header h1 a {
    width:100%;
    height:100%;
    display:block
}
header h1 a img {
    height:100%
}
header #hamburger {
    width:56px;
    height:56px;
    display:block;
    position:absolute;
    top:0;
    z-index:1000
}
@media screen and (min-width: 768px) {
    header #hamburger {
        width:64px;
        height:64px
    }
}
header #hamburger {
    right:0px;
    background-image:url(../img/menu.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:45%
}
@media screen and (min-width: 768px) {
    header #hamburger {
        right:px
    }
}

body.modal-on header #hamburger {
    background-image:url(../img/close.png);
    background-size:45%
}


#header-nav #main-nav {
    display:block
}


#header-nav #main-nav a {
    color:#fff;
    font-size:1.8em;
    letter-spacing:-0.01em;
    padding:8px 0;
    display:block;
    font-family:Lato;
    font-weight:600;
}
@media screen and (min-width: 768px) {
    #header-nav #main-nav a {
        font-size:2em;
        padding:12px 0
    }
}
@media screen and (min-width: 1280px) {
    #header-nav #main-nav a {
        font-size:2.5em
    }
}
#header-nav #main-nav a:hover {
    color: #000
}
#header-nav #header-social {
    padding:25px 0 0 0;
    color:#fff
}
#header-nav #header-social h4 {
    font-family:Lato;
    font-weight:400;
    font-size:1.2em;
    line-height:1em;
    padding:0 0 10px 0;
    color:#fff
}
@media screen and (min-width: 768px) {
    #header-nav #header-social h4 {
        padding:0 0 20px 0
    }
}
#header-nav #header-social a {
    display:block;
    float:left;
    margin:0 25px 0 0;
    width:16px;
    height:16px;
    text-indent:-9999px;
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center center
}
@media screen and (min-width: 768px) {
    #header-nav #header-social a {
        width:24px;
        height:24px
    }
}
#header-nav #header-social a.facebook {
    background-image:url(../img/header-facebook.png)
}
#header-nav #header-social a.twitter {
    background-image:url(../img/header-twitter.png)
}
#header-nav #header-social a.linkedin {
    background-image:url(../img/header-linkedin.png)
}
#header-nav #header-social a:hover {
    cursor:pointer
}
#header-nav #header-social a:last-of-type {
    margin-right:0
}
@media screen and (min-width: 640px) {
    #header-nav #main-nav {
        width:66.6666%;
        float:left
    }
    #header-nav #header-social {
        width:33.3333%;
        float:left;
        padding:10px 0 0 0
    }
}
#header-nav .menu-modal-container {
    max-height:540px
}
@media screen and (min-width: 640px) {
    #header-nav .menu-modal-container {
        max-height:480px
    }
}
@media screen and (min-width: 768px) {
    #header-nav .menu-modal-container {
        max-height:600px
    }
}
@media screen and (min-width: 1280px) {
    #header-nav .menu-modal-container {
        max-height:720px
    }
}
.menu-modal {
    z-index:500;
    position:fixed;
    top:0px;
    width:100%;
    height:100%;
    display:none;
    background:#888;
    color:#fff
}
.menu-modal .menu-modal-container {
    display:table;
    height:100%
}
.menu-modal .menu-modal-wrapper {
    width:100%;
    display:table-cell;
    vertical-align:middle
}