.header-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-image: none;
}
.hd-top {
  text-align: right;
  margin-top: -1px;
  width:100%;
  margin-bottom: 10px;
}
.hd-top > div.hd-club {
  margin-right: 6px;
}
.hd-wrap {
  /*max-width: 800px;*/
  width: 100%;
  margin: 0 auto;
  padding-left:35px;
  padding-right:35px;
  
  display: flex;
  flex-wrap: wrap;  
  column-gap: auto;
  align-items: stretch;
}


.hd-left{
	display:inline-flex;
	flex-grow: 0;
	
}
.hd-top > div {
  background-color: #f15742;
  opacity: 0.99;
  margin-right: 5px;
  display: inline-block;
  font-size: 8px;
  letter-spacing: 0.2em;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}
.hd-top a {
  font-weight: 700;
  color: #fff;
  display: block;
  padding: 5px;
  line-height: 9px;
}
.hd-top a:hover {
  color: #00a699;
}

.hd-right{
	flex-grow:0;
}

.hd-middle {
  text-align:center;
  
  flex-grow: 1;
}
.hd-right{
	margin-top:53px;
}
.hd-social a
{
	padding: 5px;
	
}
.hd-social a svg {      
}

.hd-social a svg path
{
	fill: #fff;
}

.hd-social a:hover svg path {
  fill: #a5a5a5;
}

.main-nav {
  margin-top: 53px;
}
.main-nav li {
  display: inline-block;
  font-size: 11pt;
  font-weight: 700;
  color: #3c3c3c;
  letter-spacing: 1px;
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
}
.main-nav li:not(.slash) a {
  padding: 10px 8px;
  line-height: 18px;
  letter-spacing: 1px;
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
}
.main-nav li.slash {
  padding: 0 1px;
}
.main-nav li:not(.slash) a:hover {
  color: #00a699;
}
.banner {
  margin-top: 0;
}
.banner img {
  width: 100%;
}
/* footer */

#footer {
  background-image: url(images/footerteeth1.png);
  background-repeat: repeat-x;
  background-position: top center;
  overflow: hidden;
  background-color: #fff;
}
.footer-container {
  margin-top: 31px;
  padding-top: 44px;
  background-color: #f15742;
}
.footer-inner {
  margin: 0 auto;
  max-width: 800px;
  box-sizing: content-box;
  padding: 0 20px;
}
.ft-content {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.ft-icon {
  padding: 0 50px 40px 0;
  opacity: 0.9;
}
.ft-icon img {
  max-width: 185px;
}
.ft-text a {
  color: #000;
}
.ft-item {
  padding-top: 10px;
}
.footer-container p {
  margin: 0;
}
.ft-copyright p {
  line-height: 17px;
  font-size: 10px;
}
.social-img {
  padding-bottom: 4px;
}
.ft-item h5 {
  margin: 0;
  font-style: italic;
  font-size: 10.5pt;
  line-height: 1.2;
  color: #000;
}
.ft-copyright {
  margin: 50px 0 35px;
}
@media only screen and (max-width: 900px) {
  .footer-inner,
  .hd-wrap {
    max-width: 600px;
  }
  
 .hd-social{ zoom: 0.75; text-align:center; }
}
@media only screen and (max-width: 650px) {
  .footer-inner,
  .hd-wrap {
    max-width: 450px;
  }
  .logo img {
    width: 152px;
  }
  .main-nav li {
    font-size: 10pt;
  }
  .main-nav li:not(.slash) a {
    font-size: 10pt;
    padding: 8px 4px;
  }
  .main-nav {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 480px) {
  .footer-inner,
  .hd-wrap {
    max-width: 300px;
  }
  .hd-middle {
    margin-top: 1px;
  }
  .hd-right
  {
	  margin-top:5px;
	  margin-bottom:10px;
  }
  .hd-middle, .hd-left, .hd-right {
    flex-direction: column;
	flex-grow:1;
  }  
  .main-nav {
    margin-top: 0px;
  }
  .main-nav li.slash {
    padding: 0;
  }
  .ft-content {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .ft-icon {
    padding: 0 0 20 0;
  }
}