@media screen and (max-width: 1050px) {
    .call-to-action {
        background-color: white;
    }

    .hero_content a,
    .content_product_container a {
        font-size: 12px;
    }

    .hero_content p,
    .content_product_container p {
        font-size: 11px;
    }

    #hero .call-to-action {
        margin-top: 10px;
        color: black;
        padding: 4px 8px;
    }

    .product {
        flex-direction: column;
    }

    .product div {
        width: 80%;
    }

    .content_product_container *:not(h2) {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content_product_container p {
        width: 60%;
    }

    .product:nth-child(2n+1)>.content_product_container {
        order: 2;
    }

    .left_content *:not(a) {
        text-align: left;
    }

    .left_content {
        align-items: flex-start;
    }
}

@media screen and (max-width: 700px) {
    #page_title h1 {
        display: none;
    }

    .hero_content {
        margin-left: 0;
        align-items: center;
    }

    .hero_content p {
        width: 80%;
        text-align: center;
    }

    .hero_content .call-to-action,
    .content_product_container .call-to-action {
        padding: 10px 20px;
        text-align: center;
        border: solid 3px #E50815;
        font-size: 14px;
        font-weight: 600;
        margin-left: 0px;
        z-index: 1;
    }

    .product {
        margin-bottom: 0px;
    }

    .product div {
        width: 90%;
    }

    .content_product_container p {
        width: 100%;
    }
}