.brochure-newsletter
{
    .uhasselt-container
    {
        max-width: 768px;
        @apply bg-red;
        @apply text-white;
        @apply flex flex-col md:flex-row;
        @apply p-0;
    }

    .col
    {
        @apply md:w-1/2;
    }

    .heading
    {
        @apply m-6;
        @apply md:mt-10;
    }

    .button
    {
        @apply mb-6 mx-6;
    }

    .paragraph.subtitle
    {
        @apply mb-10 mx-6;
        @apply font-bold;

        a
        {
            @apply text-white;
            @apply underline;
        }
    }

    .picture
    {
        @apply h-full;
        @apply m-6 mt-0 md:m-0;

        img
        {
            @apply w-full;
            @apply h-full;
            object-fit: cover;
        }
    }
}