.ws-logo {

text-decoration: none;
display: table;
table-layout: fixed;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.2;
max-width: 100%;
width: 100%;
&:hover {
    text-decoration: none;
}
//@media (min-width: 768px) {
//    width: auto;
//}
.square {
    border: 1px solid $logo-secondary;
    width: $logo-square-size;
    height: $logo-square-size;
    display: block;
    font-size: 36px;
    color: $logo-primary;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -12px;
    padding-right: 12px;
    display: table-cell;
    &::first-letter {
        color: $logo-secondary;
    }
}
.company {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: $logo-primary;
    padding: 0 16px;
    &::first-line {
        color: $logo-secondary;
    }
}

}