.container {
    background-image: url(../img/background_mobile.png)
}

@media only screen and (orientation: landscape) {
    .container {
        background-image: url(../img/background_desktop.png)
    }

    .hide-on-desktop {
        display: none
    }
}

:root {
    --black: #1a1a1a;
    --dark-gray: #4a4a4a;
    --medium-gray: #808080;
    --light-gray: #bababa;
    --white: #efefef;
    --button-color: #41a23c;
    --success-color: #41a23c;
    --error-color: #d73a49;
    --button-color: #41a23c;
    --background-color: #fff;
    --text-color: var(--black);
    --link-color: var(--text-color);
    --cta-border-color: none;
    --cta-background-color: none;
    --cta-input-color: var(--button-color);
    --keyword-shortcode-highlight: var(--success-color);
    --service-text-color: var(--text-color);
    --extratext-text-color: var(--text-color);
    --footer-disclaimer-color: var(--text-color);
    --footer-links-color: var(--link-color);
    --alt-input-color: var(--alt-button-color);
    --button-background-color: var(--button-color);
    --button-text-color: var(--white);
    --button-background-color-active: var(--success-color);
    --button-text-color-active: var(--button-text-color);
    --button-shadow: 2px 2px 4px var(--black);
    --alt-button-color: var(--alt-color);
    --background-size: contain;
    --background-repeat: no-repeat;
    --logo-display: none;
    --logo-top: 0rem;
    --hero-top: 0rem;
    --hero-width: 90%;
    --cta-top: 0rem;
    --footer-top: 0rem;
    --global-radius: 2rem;
    --main-padding: .5rem;
    --footer-margin: .5rem
}

.service.spc-service.country-za-service {
    font-weight: bold
}

.country-za-disclaimer {
    font-weight: bold
}

button.js-button.button.spc-button.country-dk-button.valid-modifier.spc-valid-modifier {
    border-radius: 0%;
    background-color: #7ac141
}

button.js-button.button.spc-button.country-dk-button.AFsubmitbtn {
    background-color: #7ac141;
    border-radius: 0%
}