<div class="contact-page-content">
    <div class="contact-page-content">
        <div class="page-content col-group">
            <div class="contact-form col-7 col-mb-12">
                <div class="page-title">Contacto</div>
                <contact-form></contact-form>
            </div>
            <div class="contact-image col-5 col-mb-12"><img src="https://numancia.imgix.net/media/contact_image.png" alt="">
                <div class="shippings-delivery-page-content">&nbsp;</div>
            </div>
        </div>
    </div>
</div>
<style>
    .page-title {
        text-align: left;
        text-transform: uppercase;
        font-family: 'AntipastoDemiBold';
        margin: 20px 30px;
        font-size: 20px;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .contact-page-content .page-content .contact-form[class*="col-"]:not(.col-group):not(.col-content),
    .contact-page-content .page-content .contact-image[class*="col-"]:not(.col-group):not(.col-content) {
        padding: 20px;
    }

    .contact-page-content .page-content .contact-image img {
        max-width: 100%;
    }

    /* DESKTOP */
    @media (min-width: 768px) {}

    @media (max-width: 767px) {}
</style>