.responsive #totallyNonConflictingWrapper,
 .responsive .totallyNonConflictingWrapper,
 .responsive #docWide {
     width: 100% !important;
     max-width: 1600px;
 }
 .responsive #docWide {
     margin: 0;
 }
 .primaryHeader {
     text-align: center;
 }

 .buffer-top-10 {
     margin-top: 10px;
 }
 .buffer-10 {
     margin: 10px 0;
 }
 .buffer-top-20 {
     margin-top: 20px;
 }
 .buffer-20 {
     margin: 20px 0;
 }
 .buffer-top-30 {
     margin-top: 30px;
 }
 .buffer-30 {
     margin: 30px 0;
 }
 .buffer-top-50 {
     margin-top: 50px;
 }
 .buffer-50 {
     margin: 50px 0;
 }
 
 .primaryHeader {
    margin-bottom: 10px;
 }
 
 .promo-banner {
   margin-bottom: 3px;
 }
 
 .promo-container,
 .large-container {
     max-height: 75px;
     background-color: #ebedf0;
     text-align: center;
     text-transform: uppercase;
     line-height: 75px;
     letter-spacing: 3.4px;
 }

 .tab-content {
     display: none;
 }
 .tab-headers {
     display: flex;
     justify-content: center;
 }
 
 .tab-content.selected {
     display: flex;
     justify-content: center;
 }
 
 .tab-headers header {
     text-transform: uppercase;
     font-family: "Avenir LT W01 95 Black", Verdana, Arial, sans-serif;
     font-size: 18px;
     letter-spacing: 1.7px;
     cursor: pointer;
     color: #929497;
     padding-bottom: 4px;
     width: inherit;
 }
 .tab-headers .selected {
     color: #2d3137;
     border-bottom: 2px solid #2d3137;
 }
 .tab-headers .seperator {
     width: 1px;
     height: 16px;
     background-color: #c6c7c9;
     margin: 3px 25px 0;
 }
 .tab-content > div {
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 1.3px;
 }
 .tab-content > div a {
     text-decoration: none;
     width: 100%;
     height: 100%;
     align-items: center;
     display: flex;
     justify-content: center;
     color: #2d3137;
     text-align: center;
     box-sizing: border-box;
     font-family: "Avenir LT W01 45 Book", Verdana, Arial, sans-serif;
 }
 .tab-contents {
     margin-top: 30px;
 }
 .one-up,
 .two-up > div,
 .three-up > div {
     position: relative;
 }
 .layer {
     position: absolute;
     padding: 40px;
     background-color: #f6f5f4;
     box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.16);
     margin: 0 4% 4%;
 }
 .three-up .layer {
     background-color: #ffffff;
     box-shadow: none;
     bottom: 15px;
     margin: 0;
 }
 .three-up .content-wrap ul {
     width: 100%;
 }
 .three-up .layer a,
 .three-up .layer header {
     text-align: center;
 }
 .layer.right-align {
     right: 0;
     bottom: 0;
 }
 .layer.left-align {
     left: 0;
     bottom: 0;
 }
 .single-col.layer {
     padding: 40px;
 }
 
 .responsive  header {
   background-color: inherit;
 }
 
 .layer header {
     font-size: 22px;
     line-height: 24px;
     letter-spacing: 1.3px;
     color: #2d3137;
     font-family: "Avenir LT W01 95 Black", Verdana, Arial, sans-serif;
     text-transform: uppercase;
     margin-bottom: 20px;
     background-color: inherit;
 }
 .layer ul,
 .layer ul a {
     text-decoration: none;
     list-style-type: none;
 }
 .layer ul a {
     display: block;
     min-width: 170px;
 }
 .layer ul li:not(:last-child) {
     margin-bottom: 15px;
 }
 .layer ul li a {
     color: #58595b;
     font-family: "Avenir LT W01 45 Book", Verdana, Arial, sans-serif;
     font-size: 18px;
     letter-spacing: 1px;
 }
 
 .layer ul li a:hover  {
   color: #2D3137;
 }
 
 .layer ul li a::after {
     content: "\203A";
     margin-left: 3px;
 }
 .upper {
     text-transform: uppercase;
 }
 .content-wrap {
     display: flex;
 }
 
 .content-wrap ul {
   padding: 0;
 }
 
 .content-wrap > ul:not(:last-child) {
     margin-right: 35px;
 }
 
 .two-up .layer {
   margin-right: 0;
   margin-left: 0;
 }
 
 .tablet-div { 
   display: none;
 }
 
 
 .featured-category img {  
     display:block;
  }
 
 
 /** 993-1200 **/
 
 @media screen and (min-width: 992px) {
     .tab-content > div {
         width: 210px;
     }
     .tab-content > div:not(:last-child) {
         margin-right: 20px;
     }
     .layer {
         padding: 40px;
     }
      
     .tab-content > div {
         background-color: #e6e2de;
     }
     .tab-content > div:hover {
         background-color: #d2c9ca;
     }
     
     .tabs.theme-pink .tab-content > div {
        background-color: rgb(227, 209, 211);
     }
     
     .tabs.theme-pink .tab-content > div:hover {
        background-color: rgb(243, 235, 236); 
     }
     
     .tab-content > div:hover a:after {
         content: "";
         background: url('/National_Library/oe_/https://cdn.staticsfly.com/i/category/img-hover-down-arrow.png') 0 0 no-repeat;
         width: 9px;
         height: 11px;
         display: inline-block;
         margin-left: 5px;
     }
     .single-col.layer {
         max-width: 220px;
         transition: all 0.3s ease;
     }
     .three-up .layer {
         left: calc((100% - 280px)/2);
         min-height: 257px;
     }
 }
 @media screen and (max-width: 991px) {
     .layer header {
         font-size: 15px;
         transition: all 0.3s ease;
     }
     .tab-content > div a {
         padding: 0;
     }
     .layer ul li a {
         font-size: 13px;
         min-width: 120px;
         transition: all 0.3s ease;
         line-height: 15px;
     }
     .single-col.layer {
         max-width: 150px;
         transition: all 0.3s ease;
         padding: 20px;
     }
 }
 
 
 @media screen and (min-width: 768px) and (max-width: 991px) {
    .tab-content > .tablet-div {
       display: block;
       background: url('/National_Library/oe_/https://cdn.staticsfly.com/i/category/img-heart.png') 50% 50% no-repeat;
       width: 13px;
       height: 100%;
       height: 60px;
     }
         
     .three-up .layer {
         left: calc((100% - 190px)/2);
         min-height: 257px;
     }
     
     .layer { 
       margin: 0 4% 20px;
     }
 }
 
 
 @media screen and (min-width: 768px) {
     .tab-content > div {
         text-transform: uppercase;
         width: 182px;
         height: 60px;
     }
     .two-up,
     .three-up {
         display: flex;
     }
     .two-up > div {
         width: 50%;
     }
     .three-up > div {
         width: 33.3%;
     }
     
    .two-up .single-col.layer {
        margin-bottom: 6%;
     }
 }
 

 @media screen and (max-width: 767px) {
     .layer {
         padding: 20px;
         margin: 0;
         box-shadow: none;
         min-width: 280px;
     }
     .layer.right-align {
         bottom: 0;
         right: calc((100% - 320px)/2);
     }
     .tab-content.selected {
         flex-direction: column;
         align-items: center;
     }
     .tab-headers header {
         font-size: 14px;
         transition: all 0.3s ease;
     }
     .tab-content > div {
         font-size: 13px;
         height: 40px;
     }
     .promo-container,
     .large-container {
         max-height: 50px;
         line-height: 50px;
     }
     .layer header,
     .layer ul li a {
         text-align: center;
     }
     .layer.left-align {
         bottom: 0;
         left: calc((100% - 320px)/2);
     }
     .content-wrap > ul:not(:last-child) {
         margin-right: 1%;
     }
     .single-col .content-wrap {
         display: block;
     }
     .single-col .content-wrap ul {
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         max-height: 90px;
         justify-content: space-between;
         margin: 0;
     }
     .single-col.small-size .content-wrap ul {
         max-height: 70px;
     }
     .two-up,
     .three-up {
         display: block;
     }
     .three-up .content-wrap ul {
         width: auto;
     }
     .three-up .layer {
         left: calc((100% - 320px)/2);
         bottom: 0;
     }
 }

 @media screen and (min-width: 992px) {
     .three-up.centered-cta .layer {
         bottom: 0;
         min-height: auto;
         width: 80%;
         left: 10%;
         max-width: 100%;
         box-sizing: border-box;
     }

     .three-up.centered-cta .content-wrap {
         justify-content: space-around;
     }

     .three-up.centered-cta .layer {
         padding: 40px 10px;
     }

     .three-up.centered-cta .layer header {
         margin-bottom: auto;
     }

     .three-up.centered-cta .layer a {
         text-decoration: none;
         color: black;
     }

     .three-up.spacing-in-between > div:first-child {
         padding-right: 10px;
     }

     .three-up.spacing-in-between > div:last-child {
         padding-left: 10px;
     }
 }