@media (max-width:3640px) {
    .window-notice {
        background: rgba(33, 41, 52, .85);
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        display: flex;
        position: fixed;
        z-index: 999;
    }

    .window-notice .content {
        background-image: url("../content/foodtruck/images/push.png");
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(33, 41, 52, .75);
        box-sizing: content-box;
        display: block;
        flex-direction: column;
        margin: auto;
        max-width: 700px;
        min-width: 700px !important;
        overflow: hidden;
        position: relative;
        width: 100%;
        padding: 0rem;
        font-size: 1.3rem;
        height: 700px; /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

    .window-notice .content .content-link{
        box-sizing: content-box;
        display: block;
        flex-direction: column;
        margin: auto;
        max-width: 800px;
        min-width: 800px !important;
        overflow: hidden;
        position: relative;
        width: 100%;
        padding: 2rem;
        font-size: 1.3rem;
        height: 800px; /* You must set a specified height */
    }

    a#close-button {
        color: #ffffff;
        text-decoration: underline;
    }
}

@media (max-width:764px){
    .window-notice {
        background: rgba(33, 41, 52, .85);
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        display: flex;
        position: fixed;
        z-index: 999;
    }

    .window-notice .content {
        background-image: url("../content/foodtruck/images/push.png");
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(33, 41, 52, .75);
        box-sizing: content-box;
        display: block;
        flex-direction: column;
        margin: auto;
        max-width: 450px;
        min-width: 40px !important;
        overflow: hidden;
        position: relative;
        width: 100%;
        padding: 0rem;
        font-size: 1.3rem;
        font-weight: bold;
        height: 400px; /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }

    a#close-button {
        color: #ffffff;
        text-decoration: underline;
    }

}

#pdcc-modal-container {
	color: #000000;
}

/* THeme  */

.header-top .header-container .logo img {
    width: 200px;
}

.section-space {
    margin-top: 20px;
    margin-bottom: 20px;
}