@import "/files/customsite/CS_1839/ID_2354/css/extend.css";

.sbs-customsite {
    color: white;
    background: #ff2f32;
}

#hero {
    background-image: url(img/sunnuntaibrunssi_hero.jpg);
    min-height: 58vw;
}

@media screen and (max-width: 600px) {
    #hero {
        background-image: url(img/sunnuntaibrunssi_600x600.jpg);
        min-height: 100vw;
    }
}

@media screen and (min-width: 1920px) {
    #hero {
        background-image: url(img/sunnuntaibrunssi_l.jpg);
        min-height: 100vw;
    }
}

@media screen and (min-width:2560px) {
    #hero {
        background-image: url(img/sunnuntaibrunssi_xl.jpg);
        min-height: 100vw;
    }
}
.sbs-customsite #main input[type="text"] {
    display: block;
    width: 100%;
    font: inherit;
    padding: .5em;
    border-radius: var(--border-radius);
    background: white;
    border-color: #aaa;
    border-width: 1px;
}

.sbs-customsite a {
    color: inherit;
    text-decoration: underline;
}

.sbs-customsite .button, .sbs-customsite a.button, .sbs-customsite button, section.sbsform input[type="submit"], section.sbsform .form-sendbutton {
    background-color: #030303;
}