.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; } }
}