/* system color schemegoogle  */
:root {
    /* colors */
    --background: #fff;
    --primary: #4B9743;
    --secondary: #D6F4D4;
    --secondary-shadow: #A4C9A0;
    --light: #F5F5F5;
    --accent: #FFF2B9;
    --footer: #5C5C5C;
    --border-light: #D3D3D3;
    --border-secondary: #A4C9A0;

    /* text colors */
    --main-text: #212529;
    --note-text: rgba(19, 41, 33, 0.75);
    --light-text: rgba(19, 41, 33, 0.5);
    --primary-text: #4B9743;
    --secondary-text: #1B4234;
    --navbar-text: #fff;
    --footer-text: #fff;
}

.hero-picture {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-image: url("huoltopalvelut_2.png");
}

.page-hero {
    background-image: url("huoltopalvelut_2.png");
}