.logoContainer
  position: absolute;
  height: 40px;
  top: 0;
  right: 0;
  color: white;
  @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
    width: 15%

  #userProfile
    position: relative
    float: right

    .nav-pills > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus
      background-color: #eee
      color: black

    .dropdown-menu > li > a:hover
      background-color: #eee

    .dropdown-menu > li > a >i
      margin-right: 5px

    .dropdown-toggle
      color: #C1C1C1

    .divider
      height: 2px
      margin: 9px 2px
      overflow: hidden
      background-color: #e5e5e5
      border-bottom: 1px solid #fff

  .navbar-brand
    display: inline-block
    padding: 0
    margin-right: 5px
    height: 100%

    img
      height: 30px
      float: left
      margin-right: 10px
      margin-top: 5px;
      /* Media queries for iPhone6*/
      @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
        height: 20px
        margin-top: 10px
        margin-bottom: 10px
        margin-right: 5px

    h4.name
      float: left
      margin: 10px 0;
      font-family: "Sanchez"
      color: #C1C1C1
      @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
        font-size: 0.3em
        font-size: 0.3em
        width: 50%;