h1, h2, h3, h4, h5, h6 {
  font-family: "Bebas Neue", cursive;
  font-weight: 700;
  padding: 10px; }

a {
  color: #207BB7; }

.inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

body {
  font-family: "Work Sans", sans-serif; }

.header {
  background-color: #97040B;
  color: white;
  text-align: center; }
  .header img {
    padding: 20px 0px; }
  .header div.menu {
    background-color: black;
    color: white;
    padding: 15px 0px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding-left: 20px; }
    .header div.menu li {
      list-style-type: none; }
      .header div.menu li a {
        color: white;
        text-decoration: none; }
    .header div.menu .section {
      z-index: 3;
      line-height: 150%;
      padding-right: 22px;
      float: left;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      text-align: left; }
      .header div.menu .section svg {
        padding-left: 10px; }
      .header div.menu .section .options {
        display: none;
        position: absolute;
        background-color: black;
        z-index: 4;
        left: 0;
        width: 230px;
        text-align: left;
        padding: 15px 5px; }
        .header div.menu .section .options li a {
          display: inline-block;
          padding: 10px 3px;
          width: 100%; }
        .header div.menu .section .options li a:hover {
          background-color: lightgrey;
          color: black; }
  .header .contact {
    background-color: #666666;
    padding: 10px; }
    .header .contact a {
      color: white;
      font-size: 13px;
      text-decoration: none;
      width: 100%;
      display: inline-block; }

.footer {
  background-color: #333333;
  color: white;
  line-height: 140%;
  padding: 20px;
  margin-top: 30px; }
  .footer h5 {
    color: #FBB434;
    font-size: 28px;
    padding: 0px 0px 0px 0px;
    padding: 10px 0px; }
  .footer .main-address {
    padding-top: 10px; }
  .footer .about-us {
    padding-top: 20px; }

.basic-header-intro {
  padding: 10px;
  margin-top: 20px; }
  .basic-header-intro h1 {
    font-size: 48px;
    padding: 10px 0px 10px 0px; }
  .basic-header-intro p {
    font-size: 16px;
    line-height: 140%; }
  .basic-header-intro div.image {
    margin-top: 20px;
    text-align: center;
    width: 100%; }
    .basic-header-intro div.image img {
      width: 100%;
      max-width: 600px; }
    .basic-header-intro div.image img.smaller {
      max-width: 300px; }
    .basic-header-intro div.image img.larger {
      max-width: 800px; }

.supporting-image {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  text-align: center; }
  .supporting-image p {
    font-size: 24px;
    font-weight: 600;
    text-align: left; }
  .supporting-image img {
    margin-top: 20px;
    width: 100%;
    max-width: 800px; }

body.homepage .hero-area {
  width: 100%;
  max-height: 630px;
  position: relative; }
  body.homepage .hero-area .hero-image {
    width: 100%;
    max-height: 630px;
    z-index: 1; }
    body.homepage .hero-area .hero-image img {
      width: 100%;
      max-height: 630px;
      object-fit: cover; }
  body.homepage .hero-area .hero-copy {
    font-family: "Bebas Neue", cursive;
    font-size: 7vw;
    top: 5%;
    left: 10%;
    right: 45%;
    position: absolute;
    z-index: 2;
    color: white;
    text-shadow: -1px -1px 1px grey, 1px -1px 1px grey, -1px 1px 1px grey, 3px 3px 1px black; }
    @media only screen and (min-width: 1000px) {
      body.homepage .hero-area .hero-copy {
        font-size: 72px; } }
    @media only screen and (min-width: 1260px) {
      body.homepage .hero-area .hero-copy {
        font-size: 80px; } }
body.homepage h2 {
  font-size: 36px;
  padding: 20px 10px; }

body.homepage div.products {
  display: flex;
  flex-wrap: wrap; }
  body.homepage div.products div.product {
    flex: 0 0 200px;
    margin: 10px; }
    body.homepage div.products div.product a div.title {
      font-weight: 700;
      padding: 5px 0px; }
    body.homepage div.products div.product a img {
      width: 100%; }

body.homepage div.products-special-sections h2 {
  font-size: 36px;
  padding: 20px 10px; }

body.homepage div.products-special-sections h3 {
  font-size: 24px;
  padding: 15px 10px; }
  body.homepage div.products-special-sections h3 svg {
    font-size: 14px;
    padding-left: 8px;
    padding-bottom: 2px; }

body.homepage div.products-special-sections p {
  line-height: 140%;
  padding: 5px 20px; }

body.regional div.paper, body.specials div.paper {
  margin: 0 auto; }
  body.regional div.paper h1, body.specials div.paper h1 {
    font-size: 48px; }
  body.regional div.paper p.descriptive-paragraph, body.specials div.paper p.descriptive-paragraph {
    font-size: 18px;
    line-height: 140%;
    padding: 10px 10px; }
  body.regional div.paper div.cover-image, body.specials div.paper div.cover-image {
    text-align: center;
    width: 100%;
    max-width: 75%;
    margin: 20px auto; }
    body.regional div.paper div.cover-image img, body.specials div.paper div.cover-image img {
      width: 100%;
      max-width: 500px; }

body.regional div.table-pricing, body.specials div.table-pricing {
  width: 100%;
  padding: 10px 10px; }
  @media only screen and (min-width: 1000px) {
    body.regional div.table-pricing, body.specials div.table-pricing {
      width: 47%;
      float: left;
      height: 120px; } }
  body.regional div.table-pricing .paper-icon, body.specials div.table-pricing .paper-icon {
    width: 25%;
    float: left; }
    @media only screen and (min-width: 620px) {
      body.regional div.table-pricing .paper-icon, body.specials div.table-pricing .paper-icon {
        width: 20%; } }
    body.regional div.table-pricing .paper-icon img, body.specials div.table-pricing .paper-icon img {
      width: 100%; }
  body.regional div.table-pricing div.table-area, body.specials div.table-pricing div.table-area {
    width: 73%;
    float: right; }
    @media only screen and (min-width: 620px) {
      body.regional div.table-pricing div.table-area, body.specials div.table-pricing div.table-area {
        width: 78%; } }
    body.regional div.table-pricing div.table-area table, body.specials div.table-pricing div.table-area table {
      width: 100%;
      font-size: 13px; }
      @media only screen and (min-width: 650px) {
        body.regional div.table-pricing div.table-area table, body.specials div.table-pricing div.table-area table {
          font-size: 14px; } }
      @media only screen and (min-width: 800px) {
        body.regional div.table-pricing div.table-area table, body.specials div.table-pricing div.table-area table {
          font-size: 17px; } }
      @media only screen and (min-width: 1000px) {
        body.regional div.table-pricing div.table-area table, body.specials div.table-pricing div.table-area table {
          font-size: 14px; } }
      body.regional div.table-pricing div.table-area table tr:nth-of-type(1), body.specials div.table-pricing div.table-area table tr:nth-of-type(1) {
        font-weight: 800;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        background-color: #E9D7EC; }
        body.regional div.table-pricing div.table-area table tr:nth-of-type(1) span, body.specials div.table-pricing div.table-area table tr:nth-of-type(1) span {
          font-weight: 400;
          font-size: 13px; }
      body.regional div.table-pricing div.table-area table tr:nth-of-type(2), body.specials div.table-pricing div.table-area table tr:nth-of-type(2) {
        font-weight: 600; }
      body.regional div.table-pricing div.table-area table tr td, body.specials div.table-pricing div.table-area table tr td {
        padding: 5px 0px;
        width: 50px;
        text-align: center;
        border: 1px solid black; }

body.regional .publishing-calendar, body.specials .publishing-calendar {
  background-color: #E9D7EC;
  width: 96%;
  margin: 0px 10px; }
  @media only screen and (min-width: 800px) {
    body.regional .publishing-calendar, body.specials .publishing-calendar {
      width: 47%;
      float: left; } }
  body.regional .publishing-calendar table, body.specials .publishing-calendar table {
    width: 100%; }
    body.regional .publishing-calendar table tr:nth-of-type(1), body.specials .publishing-calendar table tr:nth-of-type(1) {
      border-bottom: 0px dotted black; }
      body.regional .publishing-calendar table tr:nth-of-type(1) td, body.specials .publishing-calendar table tr:nth-of-type(1) td {
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
        color: #97040B;
        font-size: 18px; }
    body.regional .publishing-calendar table tr, body.specials .publishing-calendar table tr {
      border-bottom: 1px dotted black; }
      body.regional .publishing-calendar table tr td, body.specials .publishing-calendar table tr td {
        padding: 3px 5px; }

body.regional .sales-contacts, body.specials .sales-contacts {
  width: 96%;
  margin: 0px 10px; }
  @media only screen and (min-width: 800px) {
    body.regional .sales-contacts, body.specials .sales-contacts {
      width: 47%;
      padding-left: 1%;
      float: left; } }
  body.regional .sales-contacts .contact, body.specials .sales-contacts .contact {
    padding-top: 20px;
    line-height: 140%; }
    body.regional .sales-contacts .contact .full-name, body.specials .sales-contacts .contact .full-name {
      font-weight: 600;
      font-size: 18px; }
    body.regional .sales-contacts .contact .phone, body.specials .sales-contacts .contact .phone {
      font-weight: 600; }

body.contact .salespeople {
  padding: 0px 10px; }

body.contact h1 {
  font-size: 36px;
  padding: 20px 0px 10px 0px; }

body.contact .name {
  font-weight: 600;
  font-size: 18px;
  padding: 10px 0px; }

body.contact .info {
  padding: 2px 0px; }
  body.contact .info a {
    font-weight: 600; }

@media only screen and (min-width: 1000px) {
  body.specials div.table-pricing {
    height: 150px; } }

body.specials div.special-sections-calendar table {
  width: 100%; }
  body.specials div.special-sections-calendar table tr:nth-of-type(1) {
    font-weight: 600; }
  body.specials div.special-sections-calendar table tr {
    border-bottom: 1px dotted black; }
    body.specials div.special-sections-calendar table tr td {
      padding: 5px;
      line-height: 140%; }

body.specials div.special-sections-calendar p {
  padding: 0px 10px;
  line-height: 140%; }

body.specials div.social-icons {
  width: 80%;
  margin: 0 auto;
  max-width: 600px; }
  body.specials div.social-icons .icon {
    width: 15%;
    margin-right: 4%;
    float: left; }
    body.specials div.social-icons .icon img, body.specials div.social-icons .icon svg {
      width: 100%; }

body.national .pricing-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  body.national .pricing-area .pricing-box {
    flex: 1 1 300px;
    margin: 10px; }
    body.national .pricing-area .pricing-box table {
      font-size: 14px;
      width: 100%; }
      body.national .pricing-area .pricing-box table tr:nth-of-type(1) {
        text-align: center;
        background-color: #E9D7EC;
        font-size: 18px;
        font-weight: 600;
        line-height: 130%; }
        body.national .pricing-area .pricing-box table tr:nth-of-type(1) span {
          font-size: 13px;
          font-weight: 400; }
      body.national .pricing-area .pricing-box table tr td {
        padding: 5px;
        border: 1px solid black; }
