﻿.page-item {
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    max-width: 90%;
    max-height: 90%;
    align-content: center;
    padding-right: 20px;
}

.page-title p {
    color: white;
    padding: 5px;
    font-size: 6em;
    font-weight: bold;
}

@media (max-width: 470px) {
    .page-title p {
        font-size: 4em;
    }
    .page-subtitle p {
        /*font-size: 3.5em !important;*/
    }

    .page-lister-small p {
        /*font-size: 30px !important;*/
    }
    .page-lister-small li {
        /*font-size: 16px !important;*/
    }

    .page-lister-large p {
        font-size: large !important;
    }
    .page-lister-large li {
        font-size: small !important;
    }
        .page-lister-large li p {
            font-size: x-small !important;
        }
}

@media (max-height: 600px) {
    .page-lister-large p {
        /*font-size: 16px !important;*/
    }

    .page-lister-large li {
        /*font-size: 14px !important;*/
    }

        .page-lister-large li p {
            /*font-size: 12px !important;*/
        }
}

.page-title span {
    color: var(--c-orange-color);
}

.page-subtitle p {
    color: white;
    padding: 5px;
    font-size: xxx-large;
    font-weight: bold;
}

.page-lister-small {
    flex-flow: column;
}

    .page-lister-small p {
        color: white;
        padding: 5px;
        font-size: xx-large;
        font-weight: bold;
    }

    .page-lister-small ul {
        color: white;
        align-content: flex-start;
        list-style-type: none;
    }

    .page-lister-small li {
        font-size: larger;
    }

.page-lister-large {
    flex-flow: column;
}

    .page-lister-large p {
        color: white;
        padding: 5px;
        font-size: x-large;
        font-weight: bold;
    }

    .page-lister-large ul {
        color: white;
        align-content: flex-start;
        list-style-type: none;
    }

    .page-lister-large li {
        font-size: medium;
    }

        .page-lister-large li p {
            font-size: small;
            font-style: italic;
        }

.contentcontainer div {
    background-repeat: no-repeat;
    background-size: cover;
    image-rendering: optimizeSpeed;
}
