@media only screen and (min-width: 320px) {
    :root {
        --section-padding: 100px 0;
        --mobile-side-padding: 5%;
        --default-margin-top: 100px;
        --default-margin-bottom: 100px;
        --container-width: 1280px;
        --transition-speed: 0.5s;
        --transition-timing-function: ease;
        /* Hover "go to product" indicator (tunable) */
        --card-icon-size: 40px;
        --card-icon-offset: 12px;
        --card-icon-bg: #ffffff;
        --card-icon-color: var(--font-clr);
        --wrapper-width: 1280px;
    }
    .gb-container.color-section {
        padding: var(--section-padding);
    }
    /* Kaksi peräkkäistä samanväristä color-sectionia: alemmalta pois padding-top,
       jotta sektioiden väliin ei jää tuplaväliä. Väri päätellään luokista
       (perusväri = ei wrapper-*-color -luokkaa, vaihtoehto = .wrapper-alternate-color).
       Kuvataustainen sektio (.hero-with-img) ei ole tasaväripinta, joten sen jälkeinen
       samanvärinen sektio pitää yläpaddinginsa.
       Jos lisäät uuden väripaletin (esim. .wrapper-extra-color), lisää sille oma rivi
       ja lisää luokka myös :not()-listaan. */
    .gb-container.color-section:not(.wrapper-alternate-color):not(.wrapper-extra-color)
      + .gb-container.color-section:not(.wrapper-alternate-color):not(.wrapper-extra-color),
    .gb-container.color-section.wrapper-alternate-color:not(.hero-with-img)
      + .gb-container.color-section.wrapper-alternate-color,
    .gb-container.color-section.wrapper-extra-color
      + .gb-container.color-section.wrapper-extra-color {
        padding-top: 0;
    }
    .one-container .site-content, .site-footer .footer-container {
        padding: 0 5%;
    }

    .gb-container.alignfull {
        padding-left: var(--mobile-side-padding);
        padding-right: var(--mobile-side-padding);
    }

    .article-block {
        padding-bottom: 40px;
    }

    .project-lift {
        margin-bottom: 40px;
    }

    /* Random */
    div > p:last-child{
        margin-bottom: 0;
    }

    .entry-content{
        position: relative;  
    } 

    ul, ol {
        margin: 0 0 1.5em 1em;
    }

    .archive .header-wrap + .site.grid-container,
    .error404 .header-wrap + .site.grid-container,
    .search .header-wrap + .site.grid-container
    {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 1280px) {
    .one-container .site-content, .site-footer .footer-container {
        padding: 0 40px;
    }

    .gb-container.alignfull {
        padding-left: 0px;
        padding-right: 0px;
    }
}