@import "grid.css";
@import "components/tabs.css";
@import "components/swipe-hint.css";

.page.home .page-content {
    background: #f7f9fa;
}

.page.home h2,
.page.home h2 a,
.page.home .section-header,
.page.home .section-header a {
    font-size: 32px;
    font-weight: 500;
}

.page.home .tabs .tabs__nav {
    padding-right: 5px;
}

@media (max-width: 960px) {
    .page.home h2,
    .page.home h2 a,
    .page.home .section-header,
    .page.home .section-header a {
        font-size: 32px;
    }
}

@media (max-width: 400px) {
    .page.home h2, 
    .page.home h2 a,
    .page.home .section-header,
    .page.home .section-header a {
        font-size: 30px;
    }
}

@media (max-width: 375px) {
    .page.home h2,
    .page.home h2 a,
    .page.home .section-header,
    .page.home .section-header a {
        font-size: 20px;
    }

    .page.home h2 a::after,
    .page.home .section-header a::after {
        font-size: 12px;
        margin-left: 5px;
    }
}