// Margins

.mt-l {
    margin-top: 100px;
}

.mb-l {
    margin-bottom: 100px;
}

.my-l {
    margin-top: 100px;
    margin-bottom: 100px;
}

.mt-m {
    margin-top: 60px;

    @media (min-width: $breakpoint_lg) {
        margin-top: 80px;
    }
}

.mb-m {
    margin-bottom: 60px;

    @media (min-width: $breakpoint_lg) {
        margin-bottom: 80px;
    }
}

.my-m {
    margin-top: 60px;
    margin-bottom: 60px;

    @media (min-width: $breakpoint_lg) {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

.mt-s {
    margin-top: 40px;

    @media (min-width: $breakpoint_lg) {
        margin-top: 60px;
    }
}

.mb-s {
    margin-bottom: 40px;

    @media (min-width: $breakpoint_lg) {
        margin-bottom: 60px;
    }
}

.my-s {
    margin-top: 40px;
    margin-bottom: 40px;

    @media (min-width: $breakpoint_lg) {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.mt-xs {
    margin-top: 35px;

    @media (min-width: $breakpoint_lg) {
        margin-top: 40px;
    }
}

.mb-xs {
    margin-bottom: 35px;

    @media (min-width: $breakpoint_lg) {
        margin-bottom: 40px;
    }
}

.my-xs {
    margin-top: 35px;
    margin-bottom: 35px;

    @media (min-width: $breakpoint_lg) {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.mt-xxs {
    margin-top: 20px;
}

.mb-xxs {
    margin-bottom: 20px;
}

.my-xxs {
    margin-top: 20px;
    margin-bottom: 20px;
}


// Paddings

.pt-l {
    padding-top: 100px;
}

.pb-l {
    padding-bottom: 100px;
}

.py-l {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-m {
    padding-top: 60px;

    @media (min-width: $breakpoint_lg) {
        padding-top: 80px;
    }
}

.pb-m {
    padding-bottom: 60px;

    @media (min-width: $breakpoint_lg) {
        padding-bottom: 80px;
    }
}

.py-m {
    padding-top: 60px;
    padding-bottom: 60px;

    @media (min-width: $breakpoint_lg) {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.pt-s {
    padding-top: 40px;

    @media (min-width: $breakpoint_lg) {
        padding-top: 60px;
    }
}

.pb-s {
    padding-bottom: 40px;

    @media (min-width: $breakpoint_lg) {
        padding-bottom: 60px;
    }
}

.py-s {
    padding-top: 40px;
    padding-bottom: 40px;

    @media (min-width: $breakpoint_lg) {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.pt-xs {
    padding-top: 35px;

    @media (min-width: $breakpoint_lg) {
        padding-top: 40px;
    }
}

.pb-xs {
    padding-bottom: 35px;

    @media (min-width: $breakpoint_lg) {
        padding-bottom: 40px;
    }
}

.py-xs {
    padding-top: 35px;
    padding-bottom: 35px;

    @media (min-width: $breakpoint_lg) {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.pt-xxs {
    padding-top: 20px;
}

.pb-xxs {
    padding-bottom: 20px;
}

.py-xxs {
    padding-top: 20px;
    padding-bottom: 20px;
}