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