// ============================================================================
// :: Logo
// ============================================================================
/**
 * Small component used to display the logo. The default version is based off the
 * logo that is used within the header
 */

// ============================================================================
// :: Root
// ============================================================================
.a-logo {
  position: relative;
  display: inline-block;

  width: 4.2rem;
  height: 4.2rem;
}

// ============================================================================
// :: Elements
// ============================================================================
.a-logo__image {
  position: absolute;
  transform: translate(-50%, -50%);

  top: 50%;
  left: 50%;
  
  max-width: 100%;
}