@media
 (max-width: 1279px)
  {
    .hidden.xl\:flex.flex-col.min-h-screen
    {
          display:block;
          min-height: 10em;
    }

    .my-auto
    {
        margin-top: 1%;
    }

    .-intro-x.w-1\/2.-mt-16
    {
        float: right;
        margin-top: -6em;
    }
    .-intro-x.text-white.mt-10
    {
        font-size: 2em;
        text-align: center;
    } 
    .-intro-x.text-white.mt-5
    {
        text-align: center;
    } 
    div .-intro-x.w-1\/2.-mt-16
    {
        width: 35%;
    }
}

@media
    (min-width: 600px) 
    and (max-width: 800px)
{
    div .-intro-x.w-1\/2.-mt-16
    {
        width: 40%;
    }
}
@media
    (max-width: 500px)
    {
        div .-intro-x.w-1\/2.-mt-16
        {
            width: 45%;
        }
    }