body

div
  &.header
    width: 100%
    margin-top: 80px
    @media screen and ($tablet)
      margin-top: 60px
    padding: 80px 0
    @media screen and ($tablet)
      padding: 40px 0
    @media screen and ($mobile)
      padding: 20px 0
    background-color: $green
    display: flex
    justify-content: center
    align-items: center
    .header-content
      width: 100%
      margin-left: $site-margin
      margin-right: $site-margin
      @media screen and ($mobile)
        margin-left: $site-margin/2
        margin-right: $site-margin/2
      max-width: $max-width
      display: flex
      align-items: center
      justify-content: space-between
      @media screen and ($tablet)
        flex-direction: column
        justify-content: center
      .header-right
        display: flex
        justify-content: flex-end
        align-items: center
        @media screen and ($tablet)
          margin-top: 20px
          flex-wrap: wrap
          justify-content: center
          @media screen and ($mobile)
            margin-top: 10px
        a
          margin: 0 10px
          @media screen and ($tablet)
            margin: 10px 5px 0 5px
          &:last-of-type
            margin-right: 0
            @media screen and ($tablet)
              margin-right: 5px
          .social-icon
            max-height: 36px
      .header-left
        .header-text
          @media screen and ($tablet)
            text-align: center
        display: flex
        justify-content: center
        align-items: center
        @media screen and ($tablet)
          flex-direction: column
        .profile-image
          margin-right: 20px
          @media screen and ($tablet)
            margin-right: 0
            margin-bottom: 20px
          @media screen and ($mobile)
            margin-bottom: 10px
          width: 120px
          min-width: 120px
          min-height: 120px
          height: 120px
          @media screen and ($tablet)
            width: 100px
            height: 100px
            min-width: 100px
            min-height: 100px
          @media screen and ($mobile)
            width: 80px
            height: 80px
            min-width: 80px
            min-height: 80px
          border-radius: 100%
          background-position: center
          background-repeat: no-repeat
          background-size: cover
        p
          &.sub-title
            font-size: 20px
            @media screen and ($tablet)
              font-size: 16px
            @media screen and ($mobile)
              font-size: 15px
            font-weight: 400
            color: $white