/*// Extra Small screen / phone / container-tablet */
/*// Small screen / tablet / container-desktop */
/*// Medium screen / desktop / container-lg-desktop */
/*// Large screen / desktop / container-lg-desktop */
/* Swatch */
/* typography */
/* section widths */
/*25*/
/* CSS Document */
/* ProClub Footer */
div#footerWrapper {
  width: 100%;
  text-align: center;
  padding-top: 0px;
  background-color: #000;
  vertical-align: middle;
  margin-top: 60px; }

div#footerWrapper nav {
  float: left;
  width: 100%;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    div#footerWrapper nav {
      padding: 10px 0; } }

div#footerWrapper nav a, div#footerWrapper nav a:hover, div#footerWrapper nav a:focus {
  color: #fff;
  font: 16px/16px pt_sans_narrowbold,Arial,Sans-serif;
  text-transform: uppercase;
  margin-right: 22px;
  text-decoration: none; }
  @media only screen and (max-width: 1240px) {
    div#footerWrapper nav a, div#footerWrapper nav a:hover, div#footerWrapper nav a:focus {
      /*margin-right: 5px; 
      font-size: 12px; */ } }
  @media only screen and (max-width: 768px) {
    div#footerWrapper nav a, div#footerWrapper nav a:hover, div#footerWrapper nav a:focus {
      width: 50%;
      float: left;
      display: block;
      margin: 10px 0;
      font-size: 16px;
      padding: 0 0 0 1%;
      text-align: left; } }

div#footerWrapper .table {
  height: 111px;
  width: auto; }

div#footerWrapper nav a:hover {
  color: #1473bb; }

div#footerWrapper div#footerSocialLinks {
  float: right;
  width: 100%;
  text-align: right; }
  @media only screen and (max-width: 768px) {
    div#footerWrapper div#footerSocialLinks {
      width: 45%; } }

div#footerWrapper div.proClubLogoGray {
  background: url("footer-logo.png") top left no-repeat transparent;
  height: 76px;
  width: 143px;
  display: inline-block;
  float: right; }
  @media only screen and (max-width: 768px) {
    div#footerWrapper div.proClubLogoGray {
      float: left; } }

div#footerWrapper .table .tableCell {
  width: 50%; }
  @media only screen and (max-width: 768px) {
    div#footerWrapper .table .tableCell {
      width: 100%;
      display: block; } }

div#footerWrapper .tableCell:last-child {
  width: 30%; }
  @media only screen and (max-width: 1240px) {
    div#footerWrapper .tableCell:last-child {
      width: 100%; } }