/*
.center {
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
*/

.center-xaxis {
    position: relative;
    margin-right: -50%;
    transform: translateX(-50%);
    left: 50%;
}

.center-xaxis-absolute {
    position: absolute;
    margin-right: -50%;
    transform: translateX(-50%);
    left: 50%;
}

.center-yaxis {
    position: relative;
    margin-bottom: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.center-yaxis-absolute {
    position: absolute;
    margin-bottom: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.span-horizontal {
    width: calc(100vw - 4vmin);
}