.img-fluid {
    max-width: 100%;
    height: auto;
}

#header .logo {
    width: 7.5rem;
    height: 7.5rem;
    line-height: 7.5rem;
}

.logo img {
    padding: 10px;
    vertical-align: middle;
}

header a {
    border-bottom: none;
}

article img {
    max-width: 100%
}

#contact {
    margin: 2em 0;
    padding: 2em;
    background-color: rgba(27, 31, 34, 0.85);
    -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
    -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
    -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
    transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
    border: 1px solid #fff;
    border-left: none;
    border-right: none;
}

@media (min-width: 768px) {
    #contact {
        max-width:765px;
        margin-left: auto;
        margin-right: auto;
    }
}