body[class^=case-study] > main > section::before {
    background-color: #f5f8f9;
  }

  body[class^=case-study] > main > section h1 {
    font-size: 1.5rem;
    margin: 0rem 0rem 1rem 0rem;
  }
  
  body[class^=case-study] > main > section .featuresList li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  
  body[class^=case-study] > main > section .featuresList li .icon {
    margin-right: 1em;
  }
  
  body[class^=case-study] > main > section[id^=feature] {
  
    align-items: center;
  }
  
  body[class^=case-study] > main > section[id^=feature] > img {
    max-width: 20em;
    width: 100%;
    
    justify-self: center;
    align-self: center;
    
    border: 0.5em solid #ffffff;
    border-radius: 0.3em;
    box-shadow: 0em 0.1em 0.2em rgba(0, 0, 0, 0.1);
  }
  
  .thinShadowOutline > img {
    box-shadow: 0em 0.1em 0.2em rgba(0, 0, 0, 0.1);
  }

  @media screen and (min-width: 700px) {
    
    body[class^=case-study] > main > section h1 {
      font-size: 2rem;
    }
    
    body[class^=case-study] > main > section[id^=feature]:nth-of-type(2n) > div  {
      
      order: 2;
    }
  }