/* MAIN */

.img {
    width: 100%;
    object-fit: cover;
}

.title {
    font-size: 2rem;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
}

.subtitle {
    font-size: 1.7rem;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
}

main p {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
}

/* RESPONSIVE */
@media (width <=1028px) {

    /* MAIN */
    .title {
        font-size: 1.8rem;
    }

    .subtitle {
        font-size: 1.5rem;
    }

    @media (width <=900px) {

        /* MAIN */
        .title {
            font-size: 1.2rem;
        }

        .subtitle {
            font-size: 1rem;
        }
    }

}