.container {
    display: inline-flex;
    font-size: 1rem
}
.container.vertical {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
.container.vertical .svg:first-child {
            margin-bottom: 1.6rem;
        }
.container.horizontal {
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
.container.horizontal .svg:first-child {
            margin-right: 2.6rem;
        }
.container .svg {
        display: inline-block;
        vertical-align: middle;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        transition: fill 0.2s ease, fill-opacity 0.2s ease
    }
.container .svg.symbol {
            width: 5.2em;
            height: 8.5em; /* Must have an height otherwise it will have an extra space on IE11 */
        }
.container .svg.logotype {
            width: 15.5em;
            height: 2.9em; /* Must have an height otherwise it will have an extra space on IE11 */
        }
.container .svg svg {
            width: inherit;
            height: inherit;
            display: block;  /* Remove little margin between the svg and its parent */
        }