.wrapper {
  background: #2b2b2b; }
  @media only screen and (min-width: 320px) {
    .wrapper {
      overflow-x: hidden;
      overflow-y: scroll; } }
  @media only screen and (min-width: 768px) {
    .wrapper {
      overflow: hidden; } }

.profile-image {
  overflow: hidden;
  text-align: center; }
  @media only screen and (min-width: 320px) {
    .profile-image {
      height: 700px; } }
  @media only screen and (min-width: 768px) {
    .profile-image {
      height: 100%; } }
  .profile-image img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 320px) {
  .profile-info {
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: hidden; } }
@media only screen and (min-width: 768px) {
  .profile-info {
    height: 100%;
    padding-top: 80px;
    overflow-x: hidden;
    overflow-y: auto; } }
.profile-info .profile-content {
  padding: 20px; }
  @media only screen and (min-width: 1080px) {
    .profile-info .profile-content {
      padding: 20px 20%; } }
  @media only screen and (min-width: 320px) {
    .profile-info .profile-content h1 {
      font-size: 1.33125em; } }
  @media only screen and (min-width: 768px) {
    .profile-info .profile-content h1 {
      font-size: 1.5em; } }
  @media only screen and (min-width: 1080px) {
    .profile-info .profile-content h1 {
      font-size: 1.75em; } }
  @media only screen and (min-width: 320px) {
    .profile-info .profile-content p {
      font-size: 0.83125em; } }
  @media only screen and (min-width: 768px) {
    .profile-info .profile-content p {
      font-size: 1em; } }
  @media only screen and (min-width: 1080px) {
    .profile-info .profile-content p {
      font-size: 1.16875em; } }