.user-container {
  margin: 0 1in;
  height: calc(100vh - 4.5em); //4.5em is height of navbar.
  display:flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;

  h2 {
    font-size: 1.5em;
  }
  .profile {
    background: #33333D;
    display: flex;

    .flex-end {
      margin-left: auto;
      display:flex;
      align-items: center;

      a:first-child {
        margin-right: .5em;
      }
    }
  }
}

.profile-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: $primary;
  h1 {
    margin: 0 0 .5em 0 ;
  }
  h2 {
    margin: 0;
  }
  .italics {
    font-style: italic;
    color: white;
  }
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.vertical-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.vertical-margin {
  margin-top: 5px;
  margin-bottom: 5px;
}

.img-profile {
  width: 200px;
  height: 200px;
}