.intro 
    transform: translateY(22vh)


.intro > h1 
    color: #212121
    font-size: 8vh
    @media (min-width: 768px)
      font-size: 12vh


.intro > h2 
    color: #757575
    font-size: 3vmin


.intro > .profile 
    width: 10vh
    height: 10vh
    border-radius: 50%

.avatar-container 
  width: 100px
  margin-left: 45px
  margin-top: 1rem

  .avatar-img-border 
    width: 100%
    border-radius: 50%
    margin-left: -50%
    display: inline-block
    box-shadow: 0 0 8px rgba(0, 0, 0, .8)
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8)
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8)

  .avatar-img 
    width: 100%
    border-radius: 50%
    display: block

.intro
  margin-top: -150px
  @media (min-width: 768px) 
    margin-top: -100px