@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --max-phone-screen-size: 743px;
}


.custom-font {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.max-body-width {
    max-width: 70%;

    @media (max-width: 743px) { /* Adjust the breakpoint as needed */
        max-width: 90%;
    }
}

/*Used for promotional content, sales pages, funnels, etc */
.max-body-width-secondary {
    max-width: 80%;
}


@media (max-width: 743px) { /* Adjust the breakpoint as needed */
    .hide-on-small {
        display: none !important;
    }
}