.toohootText {
    display: grid; /*this is needed to center the text vertically in the text area. But causes the text area to overflow on mobile if padding in place*/
    grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
}


@media (max-width: 600px) {

    .toohootText .styleDiv {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }
}

@media (max-width: 400px) {
    .toohootText h1 span {
        font-size: 2.3rem !important;
    }

    .toohootText h2 span {
        font-size: 1.8rem !important;
    }

    .toohootText p span {
        font-size: 1.2rem !important;
    }

}

h2 {
    font-weight:unset !important;
}