body {
    font-family: PT Sans,sans-serif;
    color: #334;
    padding: 0em 2em;
}
#content {
    margin-top: calc(220px);
}
header {
    position: fixed;
    top: 0;
    height: 210px;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    flex-direction: row;
    display: flex;
}
header img {
    height: 200px;
    display: block;
    /*margin-left: auto;
    margin-right: auto;*/
}
navigation {
    height: 1em;
    display: flex;
    width: 25vw;
}
navigation a {
    display: block;
    color: inherit;
    opacity: 0.75!important;
    text-decoration: none;
}
navigation ul {
    padding: 0;
}
navigation li {
    list-style: none;
    margin: 0;
}

#layout {
    display: flex;
    flex-direction: row;
}

#facebook {
    width: 300px;
}
div.fb-page {
    min-width: 300px;
    width: 300px;
}

#articles {
    flex-grow: 1;
    overflow:hidden;
    scroll-snap-type: y mandatory;
    height: calc(100vh - 220px - 1em - 1em);
    margin-right: 2em;
}

article {
    scroll-snap-align: center;
    height: calc(100vh - 220px - 1em - 1em);
    padding-top: 1em;
}

article h1 {
    color: rgb(132, 106, 19)
}

div.services {
    display: flex;
    
}
div.services ul {
    flex: 50%;
}

address {
    font-style: normal;
}
address p {
    margin: 0 0 0 1em;
}