@media (max-width: 850px) {
  .mobile-dropdown {
    display: block;
  }

  img.menu {
    display: block;
    position: fixed;
    z-index: 4000000000000;
    top: 49px;
  }
 
	.right-header {
		display: none;
	}
}
  
  .section img.award {
      width: 15%;
  }
  
  img.iflist-metrics {
      width: 65%;
  }

.mobile-dropdown a.highlighted-about {
    color: rgba(229,121,88, 1);
    font-weight: 500;
}

.mobile-dropdown a.highlighted-about:hover {
  color: rgba(229,121,88, 1);
  font-weight: 500;
}


.right-header ul li.highlighted-about a {
    color: rgba(229,121,88, 1);
    font-weight: 500;
}

.right-header ul li.highlighted-about a:hover {
    color: rgba(229,121,88, 1);
    font-weight: 500;
}

.right-header ul li.highlighted-main a:hover {
    color: rgba(229,121,88, 1);
    font-weight: 500;
}

.content-b {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
             /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display:flex;
    align-items: center;
    height: 100%;
  }
  
  
  .bio-page {
    width: 55%;
    float: right;
    padding-right: 11%;
    margin-top: 17%;
  }
  
  .bio-page {
    color: white;
    font-size: 17px;
    line-height: 28px;
    font-family: "Barlow";
    text-align: left;}
  
  .bio-page h3 {
    font-family: 'Barlow', sans-serif;
    font-size: 26px;
    color: rgb(232,221,199);
    font-weight: 600;
    text-align: left;
    margin-bottom: 22px;
  }
  
  .bio-page p {
    color: rgba(232,221,199,.7);
    margin-bottom: 30px;
  }
  
  span.work-links {
    font-family: 'Barlow', sans-serif;
    font-size: 21px;
    text-align: left;
  }
  
  .bio-page a.contact {
    color: rgba(148,196,178,.7);
    font-weight: 600;
    text-decoration: none;
  }
  
  .bio-page a.contact:hover {
    color: rgba(148,196,178,1);
  }
  
  .bio-page a.resume {
    color: rgba(82,175,212,.7);
    font-weight: 600;
    text-decoration: none;
  }
  
  .bio-page a.resume:hover {
    color: rgba(82,175,212,1);
  }
  
  .bio-page a.linkedin {
    color: rgba(217,170,85,.7);
    font-weight: 600;
    text-decoration: none;
  }
  
  .bio-page a.linkedin:hover {
    color: rgba(217,170,85,1);
  }
  
  .bio-page a.view {
    margin-top: 20px;
    font-weight: 600;
    text-decoration: none;
    color: rgba(229,121,88,.8);
  }
  
  .bio-page a.view:hover {
    color: rgba(229,121,88,1);
  }
  
  


.desktop button.career-journey-button {
    background-color: rgba(229,121,88,.3);
    width: 172px;
    color: rgba(239,232,218,.5);
    border-radius: 5px;
    border: none;
    outline: none;
    height: 40px;
    width: 184px;
    font-family: 'Barlow', sans-serif;
    color: rgba(255,255,255,.5);
    font-size: 18px;
    font-weight: 600;
    margin-top: 26px;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
        cursor:pointer;
  }
  
  .desktop button.career-journey-button:hover {
    background-color: rgba(229,121,88,1);
    color: rgb(239,232,218);
  }

  .desktop .content-a h3.career-journey-title {
    font-family: 'Barlow', sans-serif;
    font-size: 26px;
    color: rgb(232,221,199);
    font-weight: 600;
    text-align: center;
    margin-top: 95px;
    margin-bottom: 8px;  
  }

  .desktop img.career-journey-pic {
      width: 85%;
      margin: 0 auto;
      
  }

  .desktop button.view-case-studies-button {
    background-color: rgba(229,121,88,.3);
    width: 172px;
    color: rgba(239,232,218,.5);
    border-radius: 5px;
    border: none;
    outline: none;
    height: 40px;
    width: 184px;
    font-family: 'Barlow', sans-serif;
    color: rgba(255,255,255,.5);
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
        cursor:pointer;
  }
  
  .desktop button.view-case-studies-button:hover {
    background-color: rgba(229,121,88,1);
    color: rgb(239,232,218);
  }