.fixed{
  position: fixed;
}
.logo{
 font-family: 'Audiowide', 'Oswald', "Montserrat", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.product {
  margin: 0 auto;
  height: auto;
  width: auto;
}
.contrast {
  color: #f0f0f0;
}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}
.overlay {
    background: url('../img/oaksplash1.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    display: block;
    margin:auto;
    padding-top: 4%;
    padding-bottom: 1%;
}
#gallery-1 {
  margin-top: 25px;
  margin-bottom: 50px;
  height: Auto;
  overflow:hidden;
  position:relative;
}     
#gallery-1 img {
  display:block;
  width: inherit;
  max-width: 100%;  
}
.tag {
  padding: 20px 0px;
  width: 80%;
  margin: 0 auto;
  margin-top: 1px;
  text-align: center; 
}
.center{
  text-align: center;
}
#strip {
  height: auto;
  margin-left: auto;
  margin-right: auto; 
}
#strip h3:hover {
  font-weight: bold;
}
#strip:hover{
  background-color: #F5FFF5;
}
.slideshow {
    background: #333;
}
.slick-slide img {
    margin: auto;
}
.slick-prev {
    margin-left: 40px;
}
.slick-next {
    margin-right: 40px;
}
.img_box {
height: auto;
background-color: gray;
}
.img_holder {
height: 250px;
width: 250px;
margin: 0 auto;
margin: 10px;
}

.window-slides {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}
.window-slide-1 {
    background: #e8eced url('../img/crossfitropeLight.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px;
    width: inherit;
    max-width: 100%;
    padding: 22px 0;
    margin-bottom: 10px;
  }
.window-slide-2 {
    background: #e8eced url('../img/crossfitropeLight.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px;
    width: inherit;
    max-width: 100%;
    padding: 22px 0;
    margin-bottom: 10px;
  } 
 .window-slide-3 {
    background: #e8eced url('../img/crossfitLight.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px;
    width: inherit;
    max-width: 100%;
    padding: 22px 0;
    margin-bottom: 10px;
  } 
  .header-1 {
  	background: #E0F5FF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  	height: 500px;
    width: inherit;
    max-width: 100%;
  	padding: 22px 0;
  	margin-bottom: 10px;
  }
  .header-2 {
  	background: #e8eced url('../img/crossfitropeLight.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  	height: 500px;
  	padding: 22px 0;
  	margin-bottom: 10px;
  }
  .header-3 {
  	position: relative;
    background: #181818 url('../img/blackwoodfloor.jpg') no-repeat center;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  	height: auto;
  	padding: 3% 0;
    margin-bottom: 10px;
}
  .header-4 {
  	background: #e8eced;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  	height: 500px;
  	padding: 22px 0;
  	margin-bottom: 10px;
 }
iframe {
  width: 100%    !important;
  margin: 0 auto   !important;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%  ;
}
.full-width {
  max-width: 1400px;
}
.bio {
background-size: no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;  
}
.bio-holder {
  width: 100%;
  margin: 0 auto;
  max-height: 50px;
}

.media-container{
  max-width: 85%; 
  margin-bottom: 5px;
}
.story-container{
  min-height: 150px;
  margin-bottom: 5px;
}
.media-inquiries{
  height: auto;
  background-color: #F5FFF5;
  padding: 7%;
  text-align: center;
}




/* Footer section edits */

.footer {
  background: #191919; 
  padding: 2rem 4rem;
  text-align: center;
  color: #fff;
}
.footer i {
  font-size: 40px;
}
.footer h3 {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 2.5rem;
  margin-bottom: 10px;
}
.footer p, .footer a {
  font-weight: 300;
  color: #fff;
}
@media only screen and (min-width: 40.063em) {
  .footer .columns:nth-child(n+2) {
    border-left: 1px solid #b3b3b3;
    height: 300px;
}
.footer-links {
  list-style-type: none;
}
.footer-links li {
  margin-top: .5em;
}




/* CSS for video background, if included */

video #bgvid {
position: relative; 
right: 0; 
bottom: 0;
min-width: 80%;

width: auto; 
height: 500px; 
z-index: -100;
background: url(../img/elway-couch.jpg) no-repeat;
background-size: cover;
transition: 1s opacity; 
}
.stopfade { opacity: .5; 
}
video { 
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 80%;
  height: 500px; 
  width: auto;
  height: auto;
  z-index: -100;
  background: url('../img/elway-couch.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
  object-fit: contain;
}
.stopfade { 
   opacity: .5;
}
@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {
  html { background: url(../img/elway-couch.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}






/* media queries */

/*// Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 

#gallery-1 .overlay-parent .product-tag h1 {
  font-size: 1.1em;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*// Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*// Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*// XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*// XXLarge screens*/
@media only screen and (min-width: 120.063em) { }