/*  3. Medium - Media Queries
----------------------------------------------------------------------------------------------------------- */

@media only screen and ( min-width: 769px ) {


/*  3.1 Document Structure
------------------------------------------------------------------------------------------------------- */

.wrapper-outer {
    padding: 6rem 0 6rem 0;
}


/*  3.2 Helper Classes & Grid
------------------------------------------------------------------------------------------------------- */

.huge-padding {
    padding: 12rem 0 12rem 0;
}

.big-padding {
    padding: 10rem 0 10rem 0;
}

.no-padding {
    padding: 0 0 0 0;
}


/*  3.3 Base Typography
------------------------------------------------------------------------------------------------------- */

h4 { font-size: 2.8rem; }
h5 { font-size: 2.4rem; }


/*  3.4 Site Header
------------------------------------------------------------------------------------------------------- */

.site-header {
    padding: 0 0 0 0;
}

/* AUTOCOMPLETE SEARCH */

.autocomplete-search.open .search-field {
    font-size: 2.4rem;
}


/*  3.5 Page
------------------------------------------------------------------------------------------------------- */

.article-inner {
    float: left;
    width: 65.7%;
}

article > aside {
    float: right;
    margin: 0 0 0 0;
    width: 30%;
}

.related-item {
    float: none;
    font-size: 1.5rem;
    width: 100%;
}

.related-item + .related-item {
    margin: 2rem 0 0 0;
}


/*  3.6 Page Templates
------------------------------------------------------------------------------------------------------- */

/* EMPLOYEES */

.employees {
    margin: 6rem 0 0 0;
}

.employee-name {
    font-size: 2.2rem;
}

.employee-title,
.employee-description,
.employee-contact-links {
    font-size: 1.6rem;
}

.employee-contact-links {
    margin-top: 2rem;
}

.employee-contact-links li + li {
    margin-top: 1.5rem;
}

.employee-contact-links .fa {
    font-size: 1.8rem;
    margin-top: -0.9rem;
}

/* BRANDS PAGE TEMPLATE */

.featured-brands:before {
    left: 32.75%;
}

.featured-brands:after {
    left: 67.25%;
}

.featured-brands-inner {
    margin-top: 3rem;
    margin-bottom: -4rem;
    position: relative;
        top: -4rem;
}

.featured-brand {
    width: 31%;
}

.featured-brand:nth-child(3) {
    display: block;
}

.featured-brand + .featured-brand {
    margin: 0 0 0 3.5%;
}

.featured-brand:nth-child(3) {
    display: block;
}

.featured-brand p {
    font-size: 1.8rem;
}

.other-brand {
    width: 33.33%;
}

.other-brand h4 {
    bottom: 3rem;
}

.brands-wrapper .other-featured {
    display: none;
}


/*  3.13 Site Footer
------------------------------------------------------------------------------------------------------- */

.footer-menu,
.footer-menu + .footer-menu {
    float: left;
    margin: 0 0 0 3.2%;
    width: 17.44%;
}

.footer-menu:first-child { 
    margin-left: 0; 
}

.footer-menu-clear {
    display: none;
}

.credits {
    margin-top: 6rem;
}


}