<style>

   /*COMPARE STYLES*/

   .compare_container {
      display: flex;
      flex-direction: column;
      margin-bottom: 3rem;
   }

   .prod_container {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 2rem;
   }

   div:first-of-type.prod_container .prod_section {
      background: #f1f1f1;
      border-right: 2px solid #666;
   }

   .prod_header {
      background: #f1f1f1;
   }

   .prod_footer {
      background: #f1f1f1;
      height: 64px;
   }

   .prod_header .prod_link {
      display: none;
   }

   .prod_section {
      padding: 1.125rem;
      border: 1px solid #ccc;
      font-size: 1rem;
      width: auto;
      overflow: hidden;
   }

   .prod_heading {
      color: #043F8D;
      font-size: 1.25rem;
      margin-top: 0;
      font-weight: 700;
   }

   h3:first-of-type.prod_heading {
      color: #333;
   }

   .prod_valueprop {
      margin-bottom: 0;
      line-height: 1.375;
      font-size: .875rem;
   }

   .prop_section {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      font-size: .875rem;
      margin-top: .75rem;
      overflow: hidden;
   }

   .subsec_heading {
      font-size: 1.125rem;
      font-weight: 500;
      color: #000;
   }

   .prop_icon {
      max-width: 30px;
      max-height: 30px;
      margin: 0 .75rem;
   }

   .prop_name {
      line-height: 1.1;
   }
   
   .app_text {
      font-size: .875rem;
      margin: .25rem 0 0 1rem;
      line-height: 1.5;
   }

   .prod_link {
      font-weight: 500;
      margin-top: .5rem;
   }

   li:last-child.app_text {
      margin-bottom: -.75rem;
   }

   .header_height {
      height: auto;
   }

   .prop_height {
      height: auto;
   }

   .app_height {
      height: auto;
   }


   /*OVERVIEW STYLES*/

   .overview_container {
      display: flex;
      flex-direction: column;
      width: 100%;
   }
   .o_section {
      font-size: 1rem;
      margin-bottom: 3rem;
   }

   .o_prop_section, .o_app_section {
      width: 100%;
      margin-bottom: 2rem;
   }

   .o_prop_subsection {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      font-size: .875rem;
      margin-top: .75rem;
      font-weight: 500;
   }

   .o_sec_heading {
      font-size: 1.125rem;
      font-weight: 500;
      color: #000;
   }

   .o_prop_icon {
      max-width: 36px;
      max-height: 36px;
      margin: 0 .75rem;
   }

   .o_prop_name {
      line-height: 1.1;
   }
   
   .o_app_container {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
   }

   .o_app_twoboxes {
      display: flex;
      flex-direction: row;
   }

   figure.o_app_figure {
      border-right: 6px solid white;
      margin: .375rem;
      position: relative;
   }

   figure.o_app_figure > img {
      width: 100%;
      max-width: 200px;
      border: 1px solid #999;
   }

   figcaption {
      background: rgba(0,0,0,.7);
      text-align: center;
      font-weight: 700;
      color: white;
      padding: .5rem 0;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
   }


   /*MEDIA QUERIES*/

   @media only screen and (min-width: 640px) {

      /*OVERVIEW*/
   
      .overview_container, .o_app_container {
         display: flex;
         flex-direction: row;
      }

      .o_prop_section {
         width: 300px;
      }
   }

   @media only screen and (min-width: 1024px) {
      
      /*OVERVIEW*/
      
      .overview_container {
         display: flex;
         flex-direction: row;
      }

      figure.app_container {
         display: inline-block;
         width: 25%;
         margin: .5rem;
   }



   @media only screen and (min-width: 640px) and (max-width: 1023px)  {
   
      /*COMPARE*/

      .compare_container {
         display: flex;
         flex-direction: column;
      }

      .prod_container {
         display: flex;
         flex-direction: row;
         width: 100%;
         margin-bottom: 0;
      }

      .prod_section {
         width: 33%;
      }

      .prod_footer {
         display: none;
      }

      .prod_header .prod_link {
      display: block;
      }

      .header_height {
         height: auto;
      }

      .prop_height {
         height: auto;
      }

      .app_height {
         height: auto;
      }

   }


   @media only screen and (min-width: 1024px) and (max-width: 1600px)  {
   
      /*COMPARE*/

      .compare_container {
         display: flex;
         flex-direction: row;
      }

      .prod_container {
         display: flex;
         flex-direction: column;
         width: 25%;
      }

      .prod_section {
         width: auto;
      }

      .prod_heading {
         font-size: 1rem;
      }

      .subsec_heading {
         font-size: 1rem;
      }

      .app_text {
          margin: 0 0 0 1rem;
      }

      .header_height {
         height: 175px;
      }

      .prop_height {
         height: 300px;
      }

      .app_height {
         height: 180px;
      }

   }



   @media only screen and (min-width: 1600px) {

      /*COMPARE*/

      .compare_container {
         display: flex;
         flex-direction: row;
      }

      .prod_container {
         flex-direction: column;
         width: 25%;
      }

      .prod_section {
         width: auto;
      }

      .header_height {
         height: 175px;
      }

      .prop_height {
         height: 280px;
      }

      .app_height {
         height: 190px;
      }

   }
}

</style>