/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* For Home Page Only */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#sec-literature {
  background-color: #1D1D1D;
  padding: 70px 0 70px; }
  #sec-literature h1 {
    font-size: 30px;
    font-family: "Source Sans Pro", "SpaceX", "Oxanium", "Roboto", sans-serif;
    font-weight: 400;
    padding-bottom: 46px;
    border-bottom: 1px solid #707070;
    margin: 0; }
  #sec-literature .filter-group {
    margin-bottom: 40px; }
    #sec-literature .filter-group h3 {
      font-size: 24px;
      font-weight: 600;
      font-family: "Oxanium", "SpaceX", "Source Sans Pro", "Roboto", sans-serif;
      text-transform: uppercase;
      margin-bottom: 31px;
      color: #FFFFFF; }
    #sec-literature .filter-group button {
      padding: 0;
      width: fit-content;
      border: none;
      color: #FFFFFF;
      font-size: 20px;
      font-family: "Source Sans Pro", "SpaceX", "Oxanium", "Roboto", sans-serif;
      text-transform: capitalize;
      background-color: transparent;
      margin-bottom: 17px;
      font-weight: 600; }
      #sec-literature .filter-group button.active, #sec-literature .filter-group button:hover {
        color: #EC2025;
        font-weight: 700; }
  #sec-literature .literature-item {
    border-bottom: 1px solid #707070;
    padding-bottom: 27px;
    margin-bottom: 21px; }
    #sec-literature .literature-item a {
      color: #FFFFFF;
      font-weight: 600;
      text-transform: capitalize;
      width: fit-content; }
      #sec-literature .literature-item a img {
        margin-right: 15px; }
      #sec-literature .literature-item a:hover {
        color: #EC2025; }
      @media screen and (min-width: 1025px) {
        #sec-literature .literature-item a img {
          margin-right: 25px; } }
  #sec-literature .pl-item.is-hidden {
    display: none; }
  @media screen and (min-width: 1025px) {
    #sec-literature {
      padding: 111px 0 200px; }
      #sec-literature h1 {
        font-size: 50px; } }