/* PAGE ELEMENTS LAYOUT  */

.s-we-container {
    text-align: center;
}

.s-we-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.s-we-free-ratio {
    display: inline-block;
    position: relative;
    border: none;
    margin: auto;
}

/* PAGE ELEMENTS WIDTHS */

.s-we-width-1,
.s-we-width-2,
.s-we-width-3,
.s-we-width-4,
.s-we-width-5,
.s-we-width-6,
.s-we-width-7,
.s-we-width-8,
.s-we-width-9,
.s-we-width-10,
.s-we-width-11,
.s-we-width-12 {
}

.s-we-width-1 {
    width: 8.333%;
}

.s-we-width-2 {
    width: 16.666%;
}

.s-we-width-3 {
    width: 25%;
}

.s-we-width-4 {
    width: 33.333%;
}

.s-we-width-5 {
    width: 41.666%;
}

.s-we-width-6 {
    width: 50%;
}

.s-we-width-7 {
    width: 58.333%;
}

.s-we-width-8 {
    width: 66.666%;
}

.s-we-width-9 {
    width: 75%;
}

.s-we-width-10 {
    width: 83.333%;
}

.s-we-width-11 {
    width: 91.666%;
}

.s-we-width-12 {
    width: 100%;
}

@media screen and (max-width: 976px) {

    .s-we-width-1 {
        width: 16.666%;
    }

    .s-we-width-2 {
        width: 33.333%;
    }

    .s-we-width-3 {
        width: 50%;
    }

    .s-we-width-3,
    .s-we-width-4,
    .s-we-width-5,
    .s-we-width-6,
    .s-we-width-7,
    .s-we-width-8,
    .s-we-width-9,
    .s-we-width-10,
    .s-we-width-11,
    .s-we-width-12 {
        width: 100%;
    }
}