/*Responzivita*/

@media (min-width: 1400px) {

}

@media (min-width: 1200px) {
    #homePage{
        clip-path: none;
    }
}

@media (max-width: 991px) {
    #homePage .rowHomePage .textMain{
        font-size: 4.5rem;
    }

    #aboutPage .rowAboutPage .siteButton,
    #projectPage .rowProjectPage .siteButton{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #aboutPage .rowStatsPage{
        transform: translate(0, -3vh);
    }

    #aboutPage .rowStatsPage .card{
        width: 85%;
    }
}

@media (max-width: 767px) {
    #homePage .rowHomePage .textMain{
        width: 100%;
        font-size: 3rem;
    }

    #homePage .rowHomePage .textInfo{
        width: 100%;
        font-size: 1.15rem;
    }

    #homePage .rowHomePage .contactButton{
        width: 100%;
        float: none;
        text-align: center;
    }

    #homePage .rowHomePage .imageMain{
        width: 100%;
        float: none;
        transform: none;
        margin-top: 2rem;
    }

    #aboutPage .rowStatsPage{
        transform: translate(0, 0);
        margin-top: 2.5rem;
        margin-bottom: 5vh;
    }

    #aboutPage .rowStatsPage .card{
        width: 92%;
        padding: 1.5rem 1rem;
        margin: 0 auto 1.25rem auto;
    }

    #aboutPage .rowStatsPage .card .cardInfo{
        font-size: 1.25rem;
    }

    #aboutPage .rowAboutPage .siteName,
    #shopPage .rowShopPage .siteName,
    #projectPage .rowProjectPage .siteName{
        width: 100%;
        font-size: 1.8rem;
    }

    #aboutPage .rowAboutPage .siteInfo,
    #shopPage .rowShopPage .siteInfo,
    #projectPage .rowProjectPage .siteInfo{
        width: 100%;
    }

    #contactPage{
        padding: 8vh 0;
    }

    #contactPage .rowContactTitlePage .contactTitle{
        font-size: 2.4rem;
    }

    #contactPage .rowContactTitlePage .contactIntro{
        font-size: 1.05rem;
    }

    #contactPage .contactForm{
        padding: 1.75rem 1.25rem;
    }

    #contactPage .contactForm .contactSubmitButton{
        width: 100%;
    }

    #projectsPage{
        padding: 8vh 0;
    }

    #projectsPage .rowProjectsTitlePage .pageTitle{
        font-size: 2.4rem;
    }

    #projectsPage .rowProjectsTitlePage .pageIntro{
        font-size: 1.05rem;
    }

    #projectsPage .rowProjectsGridPage{
        margin-top: 4vh;
        row-gap: 1.5rem;
    }
}