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

    /* text colors */
    --main-text: #000;
    --note-text: rgba(0, 0, 0, 0.75);
    --light-text: rgba(0, 0, 0, 0.5);
    --primary-text: #B35D38;
    --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("autopalvelut_1.png");
}

.page-hero {
    background-image: url("autopalvelut_2.jpeg");
}