header {
   display: inline-flex;
   flex-direction: column;
   justify-content: space-between;
   margin: 0;
   margin-bottom: var(--space-md);
   padding: var(--space-md);
   padding-bottom: 0;
   width: 100%;
}

header h1 {
   font-size: inherit;
}

.head_item {
   flex: 0 1 100%;
}

.head_item:last-child {
   display: flex;
   flex-direction: column;
   margin-top: var(--space-sm);
}

.head_item a[href='#about'] span {
   display: inline-block;
   transform-origin: center;
   margin-left: 0.125em;
}

@media (hover: hover) {
   .head_item a {
      transition: color 150ms ease-in-out;
      color: inherit;
   }

   .head_item a:hover {
      color: rgba(19, 19, 19, 1);
   }
}

@media (min-width: 480px) {
   header {
      flex-direction: row;
   }

   .head_item {
      flex: 0 1 50%;
      padding: var(--space-sm);
   }

   .head_item:last-child {
      margin: 0;
   }
}

@media (min-width: 640px) {
   header {
      margin-bottom: var(--space-lg);
      padding: var(--space-md) var(--space-lg) 0 var(--space-lg);
      padding-top: var(--space-md);
   }
}

@media (min-width: 992px) {
   .head_item:first-child {
      flex: 0 1 calc((100% / 3) * 2);
   }

   .head_item:last-child {
      flex: 0 1 calc((100% / 3) * 1);
   }
}