.row {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
    width: 100%;
}

.row--fullwidth {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.row--intro {
    height: 530px; 
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover;
}

.row--margin-top-negative {
    position: relative;
    margin-top: -120px;
}

.row--margin-vertical {
    margin-top: 60px;
    margin-bottom: 60px;
}

.row--margin-top {
    margin-top: 60px;
}

.row--margin-bottom {
    margin-bottom: 60px;
}


[class*="col"] {
    z-index: 5;
}


[class*="col-xs"] {
    padding: 0 20px;
}

.col--left {
    text-align: left;
}

.col--right {
    text-align: right;
}

.col--center {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.col--bottom {
    justify-content: center;
    align-items: center;
}


.col--min-height {
    min-height: 480px;
}

.col--background-grey {
    background-color: #F9F9F9;
}

.col--background-lemon {
    background-color: var(--color-lemon);
}

.col--background-petrol {
    background-color: var(--color-petrol);
    color: white;
}


/* LG */
@media only screen and (min-width: 75em) {
}

/* MD */
@media only screen and (min-width: 64em) {
}

/* SM */
@media only screen and (min-width: 48em) {
}   

/* XS */
@media only screen and (max-width: 48em) {
    .row--margin-vertical {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .row--margin-top {
        margin-top: 30px;
    }

    .row--margin-bottom {
        margin-bottom: 30px;
    }
    [class*="col-xs"] {
        margin-bottom: 20px;
    }

}