.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.center-horizontal {
    text-align: center !important;
}

.ecco-center-horizontally-transform {
    margin: 0;
    position: absolute;
    left: 50%;
    overflow: auto;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.ecco-center-horizontally-margin-auto {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.ecco-center {
    margin: 0;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.ecco-center-vertical {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-center-container {
    position: relative;
    border: 1px solid black;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}