.viewProfile-wrapper{
  @include outer-container;
  background-color: $container_color_3;
  color: $blue;

  .viewProfile-content{
    @include span-columns(14);
    @include shift(1);
    @include pad(20px 0);
  }
  
  .profileImage{
    @include span-columns(4 of 14);
    
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px 0px 8px 1px #5b6770;
  }

  .headshot{
    @include pad(10px);  
    max-width: 100%;
    max-height: 100%;    
  }
    
  .personalInfo, .microsite-link{
    @include span-columns(9 of 14);
    @include shift(1);
    @include omega;

    min-height:150px;
  }

  .personalInfo-title{
    font-size: 30px;
    font-weight: bolder;
  }
  
  .section-title{
    @include pad(0 0 0 10px);
    
    font-size: 16px;
    border-bottom: solid 2px $blue;
  }

  .address{
    @include span-columns(14 of 14);
    @include omega;
    @include pad(30px 0 0 0);
  }

  .address-content{
    @include fill-parent;
    @include pad(10px 0 0 0);
  }

  .underline{
    @include fill-parent;
    @include pad(0 0 0 20px);

    border-bottom: solid 2px #E4E4E4;
    font-size: 20px;
    font-weight: bold;
    color: #A8A8A8;
  }

  .contactInfo{
    @include span-columns(7 of 14);
    @include pad(20px 0 0 0);
  }

  .socialMedia{
    @include span-columns(7 of 14);
    @include pad(20px 0 0 0);
    @include omega;
  }

  .officeHours{
    @include span-columns(7 of 14);
    @include pad(20px 0 0 0);
  }

  .contactInfo-content, .socialMedia-content, .officeHours-content{
    @include fill-parent;
    @include pad(10px 0 0 0);
    min-height: 180px;
  }

  .data-label{
    @include span-columns(2 of 7);
    @include omega;
  }

  .data-value-big{
    @include span-columns(5 of 7);
  }

  .data-value-medium{
    @include span-columns(3 of 7);
  }

  .data-value-small{
    @include span-columns(2 of 7);
    @include omega;
  }

  .data-value-big, .data-value-medium, .data-value-small{
    .empty{
      font-size:14px;
      color: #9E9E9E;
      font-style: italic;
    }
  }

  .viewProfile-actions{
    @include span-columns(14);
    @include shift(1);
    @include pad(20px 0);

    .button-negative{
      margin-left:20px;
    }
  }
}