.root {
  display: flex;
  flex-direction: column;
}

/* Navigation */

.nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--large-padding) var(--xxl-padding);
  border-bottom: var(--standard-border-width) solid var(--dark-gray);
  background-color: var(--white);
}

.topMenu,
.topLeftMenu,
.topRightMenu {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.topLeftMenu {
  flex: 50%;
}

.topRightMenu {
  justify-content: flex-end;
  flex: 50%;
}

.crumbs {
  flex: 1;
}

.crumb {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bankIcon {
  color: var(--blue);
  font-size: var(--font-size-mdlg);
  padding-right: var(--standard-padding);
}

.content {
  padding: var(--large-padding) var(--extra-large-padding);
}

.bankName {
  padding: 0 var(--large-padding) var(--medium-padding) var(--large-padding);
}

@media (--phone-break-point) {
  .content {
    padding: var(--large-padding) 0;
  }
}