@use '../tools/rfs';
@use '../variables/spacing';
@use '../variables/z-index';

.masthead {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: center;
  padding-bottom: spacing.$size-n1;
  padding-left: spacing.$size-0;
  padding-right: spacing.$size-0;
  padding-top: spacing.$size-n1;
  @include rfs.margin-bottom(66px);
  z-index: z-index.$fixed;
}

.masthead__logo {
  @include rfs.rfs(24px, height);
  display: block;
}

.masthead__logo svg {
  height: 100%;
  vertical-align: middle;
}