Text Banner A

<div class="relative text-left type p--lg overflow-hidden">
    <div class="relative flex flex-col items-start max-w-screen-xl mx-auto">
        <div class="relative flex flex-col items-start">
            <h2 class="max-w-2xl display">Tagline ipsum dolor sit amet, consectetur adipisicing elit.</h2>
            <p class="max-w-lg opacity-80">Text ipsum dolor sit amet consectetur adipisicing elit. Dolore, necessitatibus facere tenetur corporis molestias non. Aperiam magnam doloribus mollitia inventore.</p>
            <div class="flex flex-col w-full mt-4 md:flex-row md:w-auto"> <a href="" class="inline-block w-full px-8 py-3 mb-4 text-center text-p-50 transition-colors bg-a-600 rounded md:w-auto md:mb-0 hover:bg-opacity-50">Get Started</a> <a href="" class="inline-block w-full px-8 py-3 text-center text-p-50 transition-colors bg-p-800 rounded md:w-auto md:ml-4 hover:bg-opacity-50">Contact us</a> </div>
        </div>
    </div>
</div>