@import "tailwindcss";

/* Desktop (xl) */
@media only screen and (max-width: 1280px) {
}
/* Desktop */
@media only screen and (max-width: 1024px) {
}
/* Tablet */
@media only screen and (max-width: 768px) {
}
/* Mobile */
@media only screen and (max-width: 640px) {
    .home-intro {
        width: 100%;
        height: 100%;
        padding-bottom: 32px;
    }
    .home-intro h1 {
        text-align: center;
        font-size: 3rem;
    }
    .home-intro div {
        max-width: 100%;
        height: 100%;
    }
    .home-intro p {
        text-align: center;
        font-size: 1.8rem;
    }
    .flex-parent {
        flex-direction: column;
    }
}
/* Mobile (sm) */
@media only screen and (max-width: 480px) {
}