@media only screen and (max-width: 1111px) {

    body#home section.projects a {
        width: 20%;
    }
    body#home section.projects a:nth-child(11),
    body#home section.projects a:nth-child(12) {
        display: none;
    }

}

@media only screen and (max-width: 1024px) {

    section.logos .wrapper {
        display: block;
        text-align: center;
    }
    section.logos .wrapper .logo {
        display: inline-block;
        margin: 10px;
    }

}

@media only screen and (max-width: 950px) {

    header {
        padding-bottom: 20px;
    }
    header .top {
        align-items: initial;
    }
    header .contact a {
        font-size: .9em;
    }

    .slicknav_btn {
        display: block;
    }
    .slicknav_menu {
        display: block;
        margin-bottom: 0px;
    }

    header nav,
    header .menu {
        display: none;
    }

    body#home section.projects a {
        width: 25%;
    }
    body#home section.projects a:nth-child(11),
    body#home section.projects a:nth-child(12) {
        display: block;
    }

}

@media only screen and (max-width: 768px) {

    section {
        padding: 40px 0;
    }

    body#home section.projects a {
        width: 33.33333%;
    }


}
@media only screen and (max-width: 767px) {

    header .top {
        display: block;
        text-align: center;
    }
    header a.logo {
        text-align: center;
    }
    header .contact a {
        display: block;
        margin: 10px 0 0 0 !important;
    }
    header .contact a span.label {
        display: none;
    }

    section.heading .title {
        padding: 25px;
    }
    section.heading .title h1 {
        font-size: 2em;
    }

    body#associations section.page ul li {
        width: 100%;
        padding: 0;
    }

    footer .details .wrapper {
        display: block;
    }

    footer,
    footer .copyright,
    footer .details .social,
    footer .social,
    footer .weboptic,
    footer nav ul {
        text-align: center;
    }
    footer .weboptic {
        height: auto;
        line-height: 1em;
    }

    footer .copyright,
    footer .copyright .text-right,
    footer .copyright .weboptic {
        text-align: center;
    }
    footer .copyright .copy {
        margin-bottom: 10px;
        line-height: 1.34em;
        height: auto;
    }

}

@media only screen and (max-width: 550px) {

    body#home section.projects a {
        width: 50%;
    }

}
@media only screen and (max-width: 450px) {

    header .contact a.email {
        font-size: 0.7em;
    }

}