/* POSITIONING */
/* Containing all margin/padding related settings. */

.remove-scrolling {
    overflow-x: hidden;
    overflow-y: hidden;
}

.center-div {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.center-div-vertical {
    position: absolute; 
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-right {
    margin-right: 0; 
    margin-left: auto;
}

.center-left {
    margin-right: auto; 
    margin-left: 0;
}

.center-bottom {
    margin-top: auto; 
    margin-bottom: 0;
}

.center-top {
    margin-top: 0; 
    margin-bottom: auto;
}

.child-div {
    display: inline-block;
}

.small-margin-sides {
    margin-right: max(15px, 1vmin);
    margin-left: max(15px, 1vmin);
}

.medium-margin-sides {
    margin-right: max(30px, 4vmin);
    margin-left: max(30px, 4vmin);
}

.big-margin-sides {
    margin-right: max(30px, 20vmin);
    margin-left: max(30px, 20vmin);
}

.small-margin-vertical {
    margin-top: max(15px, 1vmin);
    margin-bottom: max(15px, 1vmin);
}

.medium-margin-vertical {
    margin-top: max(30px, 4vmin);
    margin-bottom: max(30px, 4vmin);
}

.sub-heading-margin {
    margin-top: max(30px, 3.7vmin);
}

.medium-padding-height {
    padding-top: max(30px, 4vmin);
    padding-bottom: max(30px, 4vmin);
}

.medium-padding-sides {
    padding-left: max(30px, 4vmin);
    padding-right: max(30px, 4vmin);
}