/*
******************************************************************
CSS for responsive

(c) sinntun.codes
******************************************************************
*/

@media only screen and (max-width: 1400px) {
    #main-navigation {
        padding-right: initial;
    }

    #footer-canvas {
        grid-template-columns: 250px 1fr 1fr;
    }

    #footer-canvas .center-right-column {
        grid-column: initial;
    }

    #footer-canvas .right-column {
        grid-column-end: 4;
    }

    .nav1-link {
        padding: 25px 5px !important;
    }

    .nav1-item:last-child .nav1-link {
        padding-right: 25px !important;
    }
}

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

    /*****************************************************************
    *********** Canvases
    ******************************************************************/
    #main-navigation,
    #meta-navigation {
        display: none !important;
    }

    .menu-trigger {
        display: initial;
    }

    #head-container {
        height: 30px;
        margin: 30px auto;
    }

    #footer-canvas {
        grid-template: initial;
        text-align: center;
    }

    #footer-canvas .center-right-column,
    #footer-canvas .right-column {
        grid-column: initial;
    }

    #footer-canvas .right-column div {
        width: fit-content;
        margin: auto;
    }

    #footer-canvas .right-column a {
        display: flex;
    }

    #footer-canvas .right-column a:not(:last-child) {
        margin-right: initial;
    }

    #footer-canvas img {
        margin: auto;
    }

    .footer-background-grey .nav-footer {
        justify-content: center !important;
    }

    body > .background {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    #page-canvas:not(.start) {
        border-bottom: 1px solid #ff8b00;
    }

    #logo {
        height: 40px;
        padding: 20px 0;
    }
}