@media (min-width: 1200px) {
    #layout-sidebar {
        width: 300px;
    }
}

@media (min-width: 1024px) {
    .layout-wrapper {
        max-width: 1300px;
        width: calc(100% - 4rem);
    }

    .layout-separator {
        transform: scaleX(1.05);
        transform-origin: center center;
        background-size: cover;
    }
}

@media (max-width: 1024px) {
    .layout-wrapper {
        width: 100%;
    }
}

#layout-nav-burger {
    display: none;
}

@media (max-width: 850px) {
    #layout-nav {
        display: none;
        position: absolute;
        z-index: 128;
        left: 0; top: 15px;
        padding: 10px 0;
        width: 100%;
        border-top: solid 3px #006088;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background: #fff;
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
    }

    #layout-nav ul li {
        display: block;
        margin: 10px 0;
        text-align: center;
    }

    #layout-nav a.text-blue {
        padding: 0;
        background: none;
    }

    #layout-nav-burger {
        display: block;
        position: absolute;
        z-index: 130;
        right: 5%; top: 49%;
        transition: transform 0.25s;
    }

    #layout-nav-burger.is-active {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #layout-sidebar {
        margin: 0; padding: 0;
        float: none;
        width: 100%;
        border: none;
    }

    #layout-sidebar-subnav ul li, #layout-sidebar-sidebar ul li {
        padding: 0;
    }

    #layout-sidebar-subnav ul a, #layout-sidebar-sidebar ul a {
        padding: 4px 0;
    }

    #layout-sidebar-subnav a.text-blue {
        background: none;
    }
}

@media (max-width: 500px) {
    .layout-separator {
        height: 48px;
    }

    .wpcf7-form-control {
        width: 100%;
    }
}

@media (max-width: 400px) {
    #layout-header {
        height: 160px;
    }

    #logo img {
        height: 60px !important;
    }
}

@media (max-width: 600px) {
    .alignleft {
        margin: 32px auto;
        float: none;
        display: block;
    }
}

@media (max-width: 600px) {
    .alignright {
        margin: 32px auto;
        float: none;
        display: block;
    }
}