/** EXTRA BIG SCREENS */
@media only screen and (min-width : 2100px){
    .wrapper {
        grid-template-columns: 3fr 2fr [main-start] 15fr 2fr 3fr;
    }
    .nav-wrapper {
        grid-column-start: 2;
        grid-column-end: 5;
    }
}

@media only screen and (max-width : 1600px){
    .wrapper {
        grid-template-columns: 1fr [main-start] 12fr 1fr;
    }
    .nav-wrapper {
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .nav-span {
        transform:none;
    }
    .nav-wrapper {
        transform:none;
    }
}

@media only screen and (max-width : 1400px){
    /*.article {*/
    /*    column-count: 1;*/
    /*}*/
    .wrapper {
        grid-template-columns: 0fr [main-start] 18fr 0fr;
    }
    h3.section-header {
        margin-left:-40px;
        margin-right:-40px;
    }
    .body {
        padding:40px;
        padding-bottom:100px;
    }
}

@media only screen and (max-width : 1200px){
    .wrapper {
        grid-template-columns: [main-start] 1fr;
    }
    .nav-wrapper {
        grid-column-start: 1;
    }
    .nav {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .background-fixed-image {
        display:none;
    }

    /*.main {*/
    /*    border-left:none;*/
    /*    border-right:none;*/
    /*}*/
    .intro-wrapper .about-link-container, .equipment-wrapper .equipment-link-container{
        text-align: center;
        margin-bottom:20px;
    }
    .team-members-list {
        grid-template-columns: 1fr;
    }
    .nav {
        background:#3a5a81;
    }
    .nav-wrapper {
        padding-left:0;
        padding-right:0;
    }
    .nav-dummy {
        display:block;
    }
    .team-member-item {
        grid-template-columns:1fr 2fr;
    }
    .news-articles-list, .former-research-articles-list {
        grid-template-columns: 1fr;
    }
    .news-article-item, .former-research-article-item, .seminar-item, .seminar-biography {
        grid-template-columns: 1fr 2fr;
    }
    .seminar-item .title {
        margin-top:10px;
        text-align:center;
    }
    .nav a.active {
        background:#3a5a81;
        /*background:linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("/public/img/seamless-dark-2.gif");*/
    }
    .active-research-articles-list {
        grid-template-columns: 1fr 1fr;
    }
    .footer-main {
        grid-template-columns: [footer-content-start] 1fr;
    }
    /** Remove outside margins in footer to correspond to removal of main margins. */
    .footer-top{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }
    .footer-top-1 {
        grid-column-start:1;
        grid-row-start:2;
    }
    .footer-top-2 {
        grid-column-start:1;
        grid-column-end: 3;
        text-align:center;
        grid-row-start:1;
    }
    .footer-top-3 {
        grid-column-start:2;
        grid-row-start:2;
    }
    .maps {
        width:65vw;
    }
    table.data-table {
        width:90%;
    }
    .fotorama {
        max-width:calc(100vw - 120px);
    }
}

/** SMALLEST SIZE: COLLAPSE NAV INTO A DROP-DOWN MENU */
@media only screen and (max-width : 680px){
    h2 {
        font-size:30px;
    }
    .body {
        padding:20px;
        padding-bottom:100px;
    }
    h3.section-header {
        margin-left:-20px;
        margin-right:-20px;
    }
    .intro-wrapper {
        grid-template-columns: 1fr;
    }
    .about-page-logo {
        float:none;
        margin-left:auto;
        margin-right:auto;
        padding-right:0;
    }
    .nav-wrapper {
        grid-column-start: 1;
    }
    .nav-item:first-child{
        margin-top:1px;
    }
    .nav {
        grid-template-columns: 1fr;
        padding-bottom:0;
    }
    .nav a.active {
        background:#3a5a81;
    }
    .nav-dummy {
        display:none;
    }
    .equipment-wrapper {
        grid-template-columns: 1fr;
    }
    .equipment-wrapper .view-more-link {
        padding:0;
    }
    .equipment-image {
        margin-top:10px;
    }
    .figures .figure-wrapper {
        max-width:80%;
    }
    .active-research-articles-list, .seminar-item, .seminar-biography {
        grid-template-columns: 1fr !important;
    }
    .seminar-item .information {
        grid-column-start: 1;
    }
    .nav-item, .nav-menu-button {
        text-align:left;
        padding-left:20px;
    }
}