@charset "UTF-8";

@media screen and (min-width:769px) {
    .pdf_box {
        margin: 20px auto;
        padding: 0;
        width: 80%;
    }

    .pdf_box ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .pdf_box ul li {
        width: 48%;
    }

    .pdf_box ul li img {
        width: 100%;
    }

    .zipcode input[type="text"] {
        width: 30% !important;
        margin: 0 0 10px;
    }
}

@media screen and (max-width:768px) {
    .pdf_box {
        margin: 20px auto;
        padding: 0;
        width: 90%;
    }

    .pdf_box ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .pdf_box ul li {
        width: 100%;
    }

    .pdf_box ul li img {
        width: 100%;
    }

    .zipcode {
        display: flex;
        margin: 0 auto 10px;
    }

    .zipcode label {
        width: fit-content !important;
        margin: 0 0 0 20px !important;
    }

    .zipcode input[type="text"] {
        width: 50% !important;
        margin: 0 0 0 20px;
    }

    #container main h1 {
        font-size: 20px;
    }
}