.rd-cat-header {
   display: block;
   margin: 0;
}
.rd-cat-header h3 {
   font-weight: 200;
   font-family: Ubuntu,sans-serif;
   text-align: center;
   line-height: 1.35;
   margin: 30px auto 15px;
}
.rd-cat-header p {
   color: #919294;
   line-height: 1.5em;
   text-align: center;
   margin: 0;
}
.rd-cat-header a {
   color: #727372;
   line-height: 1.5em;
   text-align: center;
   text-transform: uppercase;
   font-size: 1.2em;
   font-weight: 500;
   display: block;
}
.rd-cat-header a .fa {
   font-size: 0.9em;
   display: inline;
}
.rd-cat-rule {
   border: 0;
   height: 1px;
   background: #d7d7d9;
   width: 100%;
   margin-bottom: 50px;
}
.rd-subcat-tile {
   display: block;
   float: left;
   box-sizing: border-box;
   margin: 25px 0;
}
.rd-subcat-tile img {
   display: block;
   width: 100%;
}
.rd-subcat-tile span { 
   display: block;
   color: #0b2e4d;
   font-size: 1.5em;
   line-height: 1.3;
   font-weight: 700;
   text-transform: uppercase;
   text-align: center;
   margin-top: 15px;
}
.cat-banner-stacked {
   display: flex;
   background-color: #0097BD;
}
@media (max-width: 768px) {
   .primary-content .rd-cat-header h3 { font-size: 2.3em; }
   .primary-content .rd-cat-header p { font-size: 1.167em; }
   .rd-subcat-tile { width: 50%; }
   .rd-subcat-tile:nth-child(2n+1) { clear: left; }
   .cat-banner-stacked { flex-direction: column-reverse; }
   .cat-banner-stacked h1 { 
      position: relative; 
      top: unset;
      left: unset;
      transform: none;
      width: 100%;
      opacity: 1;
   }
   .cat-banner-stacked img {
      display: block;
      height: auto;
   }
}
@media (min-width: 768px) {
   .primary-content .rd-cat-header h3 { font-size: 3em; }
   .primary-content .rd-cat-header p { font-size: 1.333em; }
   .rd-subcat-grid3 .rd-subcat-tile { width: 33%; }
   .rd-subcat-grid4 .rd-subcat-tile { width: 25%; }
   .rd-subcat-grid3 .rd-subcat-tile:nth-child(3n+1), .rd-subcat-grid4 .rd-subcat-tile:nth-child(4n+1) { clear: left; }
   .cat-banner-stacked { 
      flex-direction: row;
      align-items: stretch; 
   }
   .cat-banner-stacked h1 { 
      margin: 0;
      align-self: center;
   }
}