body {
    background: #ffffff none repeat fixed;
    background-image: none;
    line-height: 22px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    color: #555555;
}
.fb-share-button{
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}
.foot-wrapper * {
    padding: 5px;
}
.foot-wrapper{
    display: flex;
}

.foot-wrapper .license{
    flex-grow: 0;
    text-align: left;
}

.foot-wrapper .contact{
    flex-grow: 1;
    text-align: left;
}
.foot-wrapper .social{
    flex-grow: 0;
}
.logo-wrap{
    display: flex;
    overflow: hidden;
}
.wrapper{
    width: 850px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.nav .button {
    flex-grow: 1;

}
.nav-wrap {
    display: flex;
    flex-direction: column;
}
.div-hr {
    margin: 5px 0px 5px 0px;
}

.nav {
    display: flex;
}

.logo-wrap .pic {
    flex-grow: .05;
}

.logo-wrap .pic img{
    align: left;
    height: 35px;

    max-width: 100%;
}
.contact{
    height: auto;
    line-height: 22px;
    text-align: center;
    justify-content: center;
    vertical-align: middle;

}

.slogan {
    padding: 0;
}
.slogan h5{

    line-height: 38px;
    text-align: center;
    height: 22px;
}
.contact a{
    color: #aaaaaa;
    text-decoration: none;
    vertical-align: middle;
}
.header hr{
    display: flex;
    margin: 5px auto;
}

.header{
    margin: 20px 0px 0px 0px;
    width: 100%;
}

.logo{
    flex-grow: 1;
    text-align: left;
}

.logo h1 a {
    text-decoration: none;
    color: #555555;

}

.button a {
    color: #222222;
    text-decoration: none;
}