.c-site-logo {
  width: 100px; //Setting an arbitrary width that's larger than the max-width to force SVGs to take up enough space.
  max-width: 90px;
  max-height: 50px; //Fixes IE9, IE10 bug with the SVG height.
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 3.5px 0 3.5px 15px;
  
  //Based on the old breakpoints used with v1 of the site. Should technically be the "small" breakpoint here: `@include breakpoint(small);`. TODO: fix after vertical landing page updates are live.
  @include breakpoint(768px){
    padding: 0;
    max-width: 100px;
  }
}

.c-site-logo__image {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: 100%;
  max-height: 50px;
}