/* Can't deminify main.css, so here's an extension */
@media screen and (max-width: 450px) {
    html body {
        margin: 2em;
    }

    .psplus-grid .text p, .psplus-grid .text h3 {
        font-size: 1.5rem;
    }

    #sidebar {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #sidebar .ce-center .ce-inner {
        display: flex;
    }

    #sidebar .ce-center .ce-inner .ce-row {
        margin: 0.8rem 0.5rem;
    }

    .planer-content .planer-image figcaption {
        margin: 10px 0;
    }

    #contentainer .tiles {
        margin: 0;
    }

    .psplus-grid4 .text, .psplus-grid2 .text {
        margin-top: 1rem;
    }

    .psplus-grid2 .grid-body .item.expanded .planer-text p {
        margin-bottom: 0.5rem;
    }

    .frame-type-flux_pdfdownload .pdf-download-tiles .pdf-download-tile {
        width: 45%;
    }

    .psplus-grid .caption .caption-text p {
        display: none;
    }
}

@media screen and (min-width: 80rem) {
    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 80rem) {
    html {
        font-size: 12px;
    }

    .planer-content .planer-image p, .planer-content .planer-text p {
        font-size: 1.35rem;
    }

    .psplus-grid1 .text {
        margin-bottom: 1rem;
    }

    .caption .caption-text h2 {
        font-size: 1.6rem;
        font-weight: 600;
        margin-top: 0.2rem;
        margin-bottom: 1.5rem;
    }

    .psplus-grid h3, .accordion-container .ce-bodytext h3 {
        font-size: 1.4rem;
    }

    .accordion-container .ce-bodytext p {
        font-size: 1.2rem;
    }

    .psplus-grid4 .grid-body .grid-item {
        margin-bottom: 1rem;
    }

    .psplus-grid4 .text {
        margin-bottom: 1rem;
    }

    .psplus-grid4 .grid-text p {
        margin-bottom: 0.5rem;
    }
}

.psplus-grid h2, .ce-bodytext h2 {
    font-size: 1.4rem;
}

.psplus-grid .text h3, .ce-bodytext h3, h3 {
    font-size: 1.4rem;
}

.psplus-grid .grid-header .text p,
.psplus-grid .text p,
.frame-type-psplus-grid-3 .psplus-grid.psplus-grid1 .text p,
.psplus-grid4 .grid-body .grid-text p,
.psplus-grid4 .text ul li{
    font-size: 1.3rem;
}

.psplus-grid4 .grid-body .grid-item.grid-text p {
    font-size: 1.2rem;
}

@media screen and (max-width: 1880px) {
    .psplus-grid .grid-header .text p,
    .psplus-grid .text p {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1560px) {
    .psplus-grid .grid-header .text p,
    .psplus-grid .text p,
    .frame-type-psplus-grid-3 .psplus-grid.psplus-grid1 .text p{
        font-size: 0.85rem;
    }

    .psplus-grid4 .grid-body .grid-item.grid-text p {
        font-size: .9765625vw;
    }
}

@media screen and (max-width: 1280px) {
    .psplus-grid .grid-header .text p,
    .psplus-grid .text p,
    .frame-type-psplus-grid-3 .psplus-grid.psplus-grid1 .text p,
    .psplus-grid4 .grid-body .grid-item.grid-text p {
        font-size: 1.3rem;
    }
}

.psplus-grid4 .grid-body .grid-text p {
    font-size: .9765625vw;
}

.frame-type-flux_customcategorizedpages .tiles .tile h3 {
    font-size: 1.1rem;
}

.psplus-grid2 .grid-body .planer-text {
    display: none;
}

.psplus-grid2 .grid-body .item.expanded .planer-text {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5625vw;
}

.psplus-grid2 .grid-body .item.expanded .planer-text {
    display: block;
    flex-basis: 28.125vw;
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
}

.psplus-grid2 .grid-body .item.expanded .planer-text h2{
    hyphens: none;
    margin-bottom: 0.8rem;
}

/*h1 {*/
/*    font-size: 3rem;*/
/*}*/

/*h2 {*/
/*    font-size: 2.4rem;*/
/*}*/

/*h3 {*/
/*    font-size: 2rem;*/
/*}*/

/*h4 {*/
/*    font-size: 1.4rem;*/
/*}*/

/*h5 {*/
/*    font-size: 0.8rem;*/
/*}*/

/* RTE-Styles */
.fsize-70 {
    font-size: 1.05rem;
}

.fsize-80 {
    font-size: 1.2rem;
}

.fsize-90 {
    font-size: 1.35rem;
}