:root {
    /*16px*/
    --c-dis: 1rem;
}

@media (max-width: 1199px) {
    .content-container > section > .constrain,
    .row > div,
    .row > section {
        padding-right: calc(var(--c-dis) * 1.5);
        padding-left: calc(var(--c-dis) * 1.5);
    }
}
@media (max-width: 574px) {
    .row.row-teksticon > div.col-12.col-lg-6:nth-child(3) {
        padding-right: calc(var(--c-dis) * .5);
        padding-left: calc(var(--c-dis) * .5);
    }
}
@media (min-width: 992px) {
    .row-twocol-space > div:nth-child(1) {
        padding-right: calc(3rem - (var(--bs-gutter-x) * .5));
    }
    .row-twocol-space > div:nth-child(3) {
        padding-left: calc(3rem - (var(--bs-gutter-x) * .5));
    }
}


.padding-xxl {
    padding-top: 17.5rem;
    padding-bottom: 17.5rem;
}
.padding-xl {
    padding-top: calc(var(--c-dis) * 12);
    padding-bottom: calc(var(--c-dis) * 12);
}
.padding-lrg {
    padding-top: calc(var(--c-dis) * 6);
    padding-bottom: calc(var(--c-dis) * 6);
}
.padding-lrg-bottom {
    padding-bottom: calc(var(--c-dis) * 6);
}
.padding-lrg-top {
    padding-top: calc(var(--c-dis) * 6);
}
@media (max-width: 1199px) {
    .padding-xxl {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}
@media (max-width: 991px) {
    .padding-xxl {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .padding-lrg {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .padding-lrg-bottom {
        padding-bottom: 3.125rem;
    }
    .padding-lrg-top {
        padding-top: 3.125rem;
    }
}

.padding-mdm {
    padding-top: calc(var(--c-dis) * 4);
    padding-bottom: calc(var(--c-dis) * 4);
}
.padding-mdm-top {
    padding-top: calc(var(--c-dis) * 4);
}
.padding-mdm-bottom {
    padding-bottom: calc(var(--c-dis) * 4);
}
@media (max-width: 1199px) {
    .padding-mdm {
        padding-top: calc(var(--c-dis) * 4 / 1.25);
        padding-bottom: calc(var(--c-dis) * 4 / 1.25);
    }
    .padding-mdm-top {
        padding-top: calc(var(--c-dis) * 4 / 1.25);
    }
    .padding-mdm-bottom {
        padding-bottom: calc(var(--c-dis) * 4 / 1.25);
    }
}
@media (max-width: 991px) {
    .padding-mdm {
        padding-top: calc(var(--c-dis) * 4 / 1.5);
        padding-bottom: calc(var(--c-dis) * 4 / 1.5);
    }
    .padding-mdm-top {
        padding-top: calc(var(--c-dis) * 4 / 1.5);
    }
    .padding-mdm-bottom {
        padding-bottom: calc(var(--c-dis) * 4 / 1.5);
    }
}
@media (max-width: 574px) {
    .padding-mdm {
        padding-top: calc(var(--c-dis) * 4 / 1.75);
        padding-bottom: calc(var(--c-dis) * 4 / 1.75);
    }
    .padding-mdm-top {
        padding-top: calc(var(--c-dis) * 4 / 1.75);
    }
    .padding-mdm-bottom {
        padding-bottom: calc(var(--c-dis) * 4 / 1.75);
    }
}

.padding-smll {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.padding-smll-top {
    padding-top: 2rem;
}
.padding-smll-bottom {
    padding-bottom: 2rem;
}


.divider-smllst {
    height: calc(var(--c-dis) * 1);
}
.divider-smll {
    height: calc(var(--c-dis) * 2);
}
.divider-mdm {
    height: calc(var(--c-dis) * 4);
}
.divider-lrg {
    height: calc(var(--c-dis) * 6);
}
@media (max-width: 1199px) {
    .divider-smllst {
        height: calc(var(--c-dis) * 1 / 1.25);
    }
    .divider-smll {
        height: calc(var(--c-dis) * 2 / 1.25);
    }
    .divider-mdm {
        height: calc(var(--c-dis) * 4 / 1.25);
    }
    .divider-lrg {
        height: calc(var(--c-dis) * 6 / 1.25);
    }
}
@media (max-width: 991px) {
    .divider-smllst {
        height: calc(var(--c-dis) * 1 / 1.5);
    }
    .divider-smll {
        height: calc(var(--c-dis) * 2 / 1.5);
    }
    .divider-mdm {
        height: calc(var(--c-dis) * 4 / 1.5);
    }
    .divider-lrg {
        height: calc(var(--c-dis) * 6 / 1.5);
    }
}
@media (max-width: 574px) {
    .divider-smllst {
        height: calc(var(--c-dis) * 1 / 1.75);
    }
    .divider-smll {
        height: calc(var(--c-dis) * 2 / 1.75);
    }
    .divider-mdm {
        height: calc(var(--c-dis) * 4 / 1.75);
    }
    .divider-lrg {
        height: calc(var(--c-dis) * 6 / 1.75);
    }
}

h1,
.h1 {
    font-size: calc(var(--c-dis) * 3.5);
    line-height: 4rem;
}
h2,
.h2 {
    font-size: calc(var(--c-dis) * 2.5);
    line-height: 3rem;
}
h3,
.h3,
.twocol-divline .twocol-divline-subtext p:first-child,
.portfolio .portfolio-text p:nth-child(3) {
    font-size: calc(var(--c-dis) * 1.75);
    line-height: 2.5rem;
}
h4,
.h4 {
    font-size: calc(var(--c-dis) * 1.5);
    line-height: 2.5rem;
}
p,
.p,
table tr td {
    font-size: calc(var(--c-dis) * 1.2);
    line-height: 2.2rem;
}
@media (max-width: 1199px) {
    h1,
    .h1 {
        font-size: calc(var(--c-dis) * 3.5 / 1.25);
        line-height: calc(4rem / 1.25);
    }
    h2,
    .h2 {
        font-size: calc(var(--c-dis) * 2.5 / 1.25);
        line-height: calc(3rem / 1.25);
    }
    h3,
    .h3,
    .twocol-divline .twocol-divline-subtext p:first-child,
    .portfolio .portfolio-text p:nth-child(3) {
        font-size: calc(var(--c-dis) * 1.75 / 1.25);
        line-height: calc(2.5rem / 1.25);
    }
    h4,
    .h4 {
        font-size: calc(var(--c-dis) * 1.5 / 1.25);
        line-height: calc(2.5rem / 1.25);
    }
    p,
    .p,
    table tr td {
        font-size: calc(var(--c-dis) * 1.2 / 1.15);
        line-height: calc(2.2rem / 1.15);
    }
}
@media (max-width: 991px) {
    h1,
    .h1 {
        font-size: calc(var(--c-dis) * 3.5 / 1.35);
        line-height: calc(4rem / 1.25);
    }
    h2,
    .h2 {
        font-size: calc(var(--c-dis) * 2.5 / 1.35);
        line-height: calc(3rem / 1.5);
    }
    h3,
    .h3,
    .twocol-divline .twocol-divline-subtext p:first-child,
    .portfolio .portfolio-text p:nth-child(3) {
        font-size: calc(var(--c-dis) * 1.75 / 1.35);
        line-height: calc(2.5rem / 1.5);
    }
    h4,
    .h4 {
        font-size: calc(var(--c-dis) * 1.5 / 1.35);
        line-height: calc(2.5rem / 1.5);
    }
}
@media (max-width: 574px) {
    h1,
    .h1 {
        font-size: calc(var(--c-dis) * 3.5 / 1.75);
        line-height: calc(4rem / 1.75);
    }
    h2,
    .h2 {
        font-size: calc(var(--c-dis) * 2.5 / 1.75);
        line-height: calc(3rem / 1.75);
    }
    .twocol-divline .twocol-divline-subtext p:first-child,
    .portfolio .portfolio-text p:nth-child(3) {
        font-size: calc(var(--c-dis) * 1.2 / 1.15);
        line-height: calc(2.2rem / 1.15);
    }
    p,
    .p,
    table tr td {
        line-height: calc(2.2rem / 1.25);
    }
}