/*@keyframes clockwise { to { @include transform(rotate(360deg) translateZ(0)) } }*/
.cls-1 { fill: #ffffff; }

.cls-2 { fill: none; stroke: #707070; }

.cls-3 { fill: #00b1e3; }

.cls-4 { fill: #ffffff; }

.cls-5 { fill: #00b1e3; }

.logo__white { fill: #ffffff; }

.logo__grey { fill: none; stroke: #707070; }

.logo__blue { fill: #00b1e3; }

#logo { margin: 11px 0; display: block; display: inline-flex; }

#logo > svg { width: 100%; max-height: 100%; vertical-align: middle; }

#logo .logo__sm { max-width: 66.66667%; }

#logo .logo__lg { display: none; max-width: 75%; height: auto; }

.no-touch #logo:hover .logo__white, #logo:focus .logo__white { fill: rgba(255, 255, 255, 0.8); }

@media (min-width: 768px) { #logo { margin-top: 8px; margin-bottom: 12px; }
  #logo .logo__sm { display: none; }
  #logo .logo__lg { width: 538px; display: block; height: 52px; } }

@media (min-width: 992px) { #logo { margin: 25px 0; }
  #logo .logo__lg { max-width: inherit; } }