img.index-project-logo {
    width:65%;
  }

  img.cerebro-index-logo {
    width:57%;
  }
  
  img.iflist-index-logo {
    margin-top: -15px;
    margin-left: -8%;
    margin-bottom: -28px;
  }
  
  img.cerebro-index-logo {
    margin-left: -2%;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
  }
  
  img.pantene-index-logo {
    width: 65%;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
  }
  
  
  .intro-div, .iflist-intro-div, .moviemates-intro-div, .iflist-headshots, .cerebro {
  
    background-size: cover; -moz-background-size: cover; 
    -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}
  
  
  
  .product-info {
    position: relative;
    margin-top: 40px;
    margin-left: 6%;
    margin-right: 36%;
    width: 40%;
    }
  
  .product-info a {
    text-decoration: none;
  }
  
  .product-info img {
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(22,22,22,0.2));
    filter: drop-shadow(0px 1px 2px rgba(22,22,22,0.2)); 
    margin-bottom: 30px;
    }
  
  .product-info p {
    line-height: 5px;}
  
  .product-description p.project-type {
    font-family: 'Barlow', sans-serif;
    color: rgba(220,220,220,0.7);
    font-size: 13px;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
    margin-top: 28px;
    }
  
  p.project-type-name {
    font-family: 'Barlow', sans-serif;
    color: rgb(220,220,220);
    font-size: 17px;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
    }
  
  .info-two {
    margin-top: 45px;
    padding: 0px 0px 10px 0px;
  }
  
  p.role {
    font-family: 'Barlow', sans-serif;
    color: rgb(220,220,220);
    font-size: 14px;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
    }
  
  p.role-name {
    font-family: 'Barlow', sans-serif;
    color: rgb(220,220,220);
    font-size: 17px;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.1);}
  
  p.role-name-additional {
    font-family: 'Barlow', sans-serif;
    color: rgb(220,220,220);
    font-size: 17px;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.1);}
  
  .product-description {
    position: relative;
    text-align: left;
    width: 47%;
    margin-top: 1%;
    margin-left: 10%;
  }
  
  .product-description a {
    text-decoration: none;
  }
  
  .product-description h2 {
    font-family: 'Barlow', sans-serif;
    color: rgb(230,230,230);
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
    margin-top: 45px;
    margin-bottom: 26px;
    word-spacing: 3px;
    text-decoration: none}
  
  .product-description p.intro {
    font-family: 'Barlow', sans-serif;
    color: rgb(230,230,230);
    font-size: 18px;
    line-height: 28px;
    text-shadow: 0px 1px 2px rgba(22,22,22,0.2);
    text-decoration: none;
        display: block;
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;}
  
  .product-description button.view-case-study {
    background-color: rgba(0,0,0,.25);
    border-radius: 5px;
    border: none;
    outline: none;
    height: 50px;
    padding: 0px 20px 0px 20px;
    font-family: 'Barlow', sans-serif;
    color: rgba(255,255,255,.5);
    font-size: 18px;
    font-weight: 600;
    margin-top: 40px;
    -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;}

 

      
  
  .product-description button.iflist-view-button:hover {
    background-color: rgb(49,172,196);
    color: white;
  }

  .product-description button.ms-ips-view-button:hover {
    background-color: #0766AA;
    color: white;
  }
  
  .product-description button.sol-view-button:hover {
    background-color: rgb(231,135,80);
    color: white;
  }
  
  .product-description button.moviemates-view-button:hover {
    background-color: rgb(237,83,78);
    color: white;
  }
  
  .product-description button.aon-view-button:hover {
    background-color: rgb(147,35,93);
    color: white;
  }
  
  .product-description button.realogy-view-button:hover {
    background-color: rgb(40,55,66);
    color: white;
  }
  
  .product-description button.gamestop-view-button:hover {
    background-color: rgb(225,92,67);
    color: white;
  }
  
  .product-description button.pantene-view-button:hover {
    background-color: rgb(25,25,25);
    color: white;
  }
  
  .product-description button.oral-b-view-button:hover {
    background-color: rgb(11,39,79);
    color: white;
  }

  .product-description button.cerebro-view-button:hover {
    background-color: rgb(32,80,105);
    color: white;
  }

  .intro-div .scroll-container {
    position: absolute;
    width: 100%;
    padding-right: 240px;
    bottom: 50px;
    text-align: left;
  }

  .intro-div a.scroll {
    position: relative;
    left: 10%;
    text-align: left;
    font-size: 14px;
    color: rgba(239,232,218,0.4);
    text-decoration: none;
  }
  
  .intro-div a.scroll:hover {
    color: rgba(239,232,218,1);
  }
  
  .intro-div a.scroll2 {
    position: absolute;
    bottom: 15px;
    font-size: 14px;
    color: rgba(239,232,218,0.4);
    text-decoration: none;
  }
  
  .intro-div a.scroll2:hover {
    color: rgba(239,232,218,1);
  }

  

  .mobile-only {
    display: none;
  }

  /* img.menu {
	display: none;
	position: fixed;
	width: 20px;
	margin-top: -30px;
	right: 7.4%;
	z-index: 201001;} */
  
  
  /* styling for main index page on style.css */
  
  /*.product-description button.moviemates-view-button:hover {
    background-color: rgb(237,83,78);
    color: white;
  }*/
  
  /*.product-info-res img{
      width:200px
  }
  
  @media (min-width: 1150px) {  
      .product-info-res{
      display:none;
      }
  
      .product-description-res{
          display:none;
      }
  }*/
  
  @media (max-width: 1071px) {
    .bio-page a {
      font-size: 18px;
    }
  }
  
  @media (max-width: 951px) {
    .bio-page a {
      font-size: 16px;
    }
  }

  @media (max-width: 950px) { 
    .intro-div img.main-image { /* main mobile image */
      position: fixed;
      width: 50%;
      margin: 0 auto;
      display: block;
    }
  
    .intro-div {
      display: none;
    }
  
    .product-info{
        margin: 0 auto;
        display: block;
        float: none;
        top: -196px;
        height: 77px;
        width: 20%;
        overflow: hidden;
        display:none;
        }
        .product-description{
            display:none;
        }
  
    .mobile-only {
      background-color: rgb(17,19,33);
      width: 100%;
      margin: 0 auto;
      margin-top: 50px;
      padding-top: 50px;
      display: block;
    }
  
    .mobile-only img {
      width: 100%;
    }
    
    .mobile-only .study a img {
        margin-bottom: 20px;
    }
    
    .mobile-only .study {
      margin: 0 auto;
      width: 85%;
      padding-bottom: 64px;
    }
  
    .mobile-only a.view-case-study {
      color: rgba(255,255,255,.7);
      font-family: "Barlow", sans-serif;
      font-size: 18px;
      font-weight: 700;
      margin: 0 auto;
      text-decoration: none;
    }
  
    .mobile-only a.view-case-study:hover {
      color: white;
      margin: 0 auto;
    }
  
    .intro-div p.scroll {
      position: absolute;
      left: 6%;
      bottom: 25px;
    }
  }
  
  @media (max-width: 881px) {
    .bio-page a {
      font-size: 15px;
    }
    .bio-page {
      padding-right: 10%;
    }
    .intro-div {
      display: none;
    }

    .mobile-only {
        display: block;
        width: 100%;
    }
  }

  @media screen and (max-width: 850px) {
	img.menu {
		display: block;}
    .right-header {
        display: none;
    }
  }
  
  @media (max-width: 832px) {
    .bio-page a {
      font-size: 14px;
    }
    .intro-div {
      display: none;
    }
  }

  

  @media (max-width: 500px) {
    .desktop {
      display: none;
    }
    .bio-page-mobile a {
      font-size: 19px;
    }
    .mobile-only {
      display: block;
    }
  }