#hero .breadcrumbs {
    margin-bottom: 20px;
}

.icon-scolumn img {
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%, -50%);
}

#intro {
    padding-top: 0;
}


#cta::before {
    content: '';
    position: absolute;
    right: -25%;
    bottom: -50px;
    width: 50%;
    height: 100%;
    background-image: url('/wp-content/uploads/logo_pattern.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5
}

@media screen and (max-width: 749px) {
    #hero h1 {
        font-size: var(--fs-5);
    }
    
    #hur-vi-arbetar-lista > .container {
        grid-template-columns: 1fr !important;
    }
}

@media screen and (min-width: 750px) {
    #hero .breadcrumbs {
        margin-bottom: 80px;
    }
    
    #hero > .container  {
        min-height: 20vh;
        align-content: stretch !important;
    }
    
    #hero > .container > div:first-child {
        align-content: space-between;
    }
    
    .border-bottom-left-round,
    .border-bottom-left-round > div {
        border-bottom-left-radius: calc(var(--border-radius) * 2);
    }

    .border-top-right-round,
    .border-top-right-round > div {
        border-top-right-radius: calc(var(--border-radius) * 2);
    }
    
    #mitten .field-checkbox {
        justify-content: center;
    }
    
    #hur-vi-arbetar-lista > .container {
        grid-template-columns: repeat(2,1fr) !important;
    }
    
    #tjanster .sm-title,
    #tjanster .button-wrapper {
        grid-column: span 3;
    }
}

@media screen and (min-width: 1000px) {
    #hur-vi-arbetar-lista > .container {
        grid-template-columns: repeat(3,1fr) !important;
    }
}