/* STYLING FOR MAIN HEADER ON INDEX PAGE */
#main #wrapper-header{
  position: absolute;
  width:100%;
  background: transparent;
}
/*Class for Header after nav open*/
#main #wrapper-header.appear{
  position: relative;
  background: #000;
}
/*Specify Logo width for HP only*/
.logo{
  max-width: 250px !important;
}
.hp-text{
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-content: center;
}
/*.hp-text special styling*/
.hp-text.promo{
  top:30%;
}
.hp-text.clearance{
  top:26%;
}
.hp-text.criteo{
  top:12%;
}
/*end*/
/*button placement For Criteo, Criteo2 and Linkshare*/
.hp-text.LP{
  top: 10%;
}
/*end*/
.hp-img{
  width: 100%;
}
/*florsheim.css default overide of btn-primary for hp only*/
.hp-text .btn-primary{
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/*hp email section styling*/
.hp-email{
  padding: 50px;
  margin: 0 auto;
}
.hp-email span{
  font-size: 1.3rem;
  color: #fff;
}
/*Default Styles for all hp text*/
.hp-text .primary-text,
.hp-text .secondary-text,
.hp-text .center-text{
  font-family: 'Barlow-Condensed-Medium';
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: #fff;
}
.hp-text .sub-text,
.hp-text .fine-print,
.hp-text .promo-code{
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
}
.hp-text .fine-print{
  text-align: center;
  text-transform: lowercase;
  line-height: 1; 
  color: #fff;
}
/*end*/
/*Media breakpoints for HP*/
/*Use to style font sizes and spacing for specific devices*/
/*1600px (desktops)*/
@media (min-width:1650px){
  .hp-text .alert-text{
    font-size: 1.25rem;
    letter-spacing: 3px;
  }
  .hp-text .primary-text{
    font-size:4.5vw;
    letter-spacing: 4px;
    margin-bottom: 20px;
  }
  .hp-text .primary-text.alt{
    padding: 3rem;
  }
  .hp-text .secondary-text{
    font-size:5rem;
    letter-spacing: 4px;
  }	
  .hp-text .center-text{
    font-size:5rem;
    letter-spacing: 4px;
  }	
  .hp-text .sub-text{
    font-size: 3rem;
    letter-spacing: 2px; 
  }
  .hp-text .promo-code{
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
  .hp-text .fine-print{
    font-size: 1rem;
  }
  .hp-email{
    max-width: 800px;
  }
}

/*1599px-768px (laptops and tablets)*/
@media (max-width:1649px) and (min-width:768px){
  .hp-text .alert-text{
    font-size: 1rem;
    letter-spacing: 3px;
  }
  .hp-text .primary-text,
  .hp-text .primary-text.sale	{
    font-size:4.25vw;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }	
  .hp-text .primary-text.alt{
    font-size:4vw;
    padding: 3vw;
  }	
  .secondary-text{
    font-size:4vw;
    letter-spacing: 4px;
  }	
  .hp-text .sub-text{
    font-size: 4vw;
    letter-spacing: 2px;
  }
  .hp-text .promo-code{
    font-size: 1.5vw;
    letter-spacing: 2px;
  }
  .hp-text .promo-code1{
    font-size: 1.5vw;
    letter-spacing: 2px;
  }
  .hp-text .fine-print{
    font-size: 1vw;
  }
  .hp-email{
    max-width: 800px;
  }
}
/*767px and below (phones in portrait mode)*/
@media (max-width:767px){
  .hp-text .primary-text{
    font-size:15vw;
    letter-spacing: 4px;
    margin-bottom: 20px;
  }	
  .hp-text .center-text{
    font-size:7vw;
    letter-spacing: 4px;
  }	
  .hp-text .secondary-text{
    font-size:7vw;
    letter-spacing: 4px;
  }		
  .hp-text .promo-code{
    font-size: 3.5vw;
    letter-spacing: 2px;
  }
  .hp-text .fine-print{
    font-size: 2.8vw;
  }
  .hp-text .sub-text{
    font-size: 9vw;
    letter-spacing: 2px;
  }
  .hp-email{
    width: 100%;
  }
}
/*iPad fixes*/
@media(max-width:1200px) {
  .hp-text .btn-primary {
    max-width: 250px;
  }
}
/*end*/
/*Site Down Page Styling*/
#home-top{
  background: #000;
  color:#fff;
  height: 100vh;
  align-content: center;
}
#home-top h2{
  font-family: 'Barlow-Condensed-Medium';
  margin-bottom: 1rem;
}
#home-top p{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
#home-top p a {
  text-decoration: underline;
  color:#fff !important;
}
#home-top hr {
  width:100px;
  margin: 0;
  border-top: 3px solid #fff;
}
@media(max-width:992px) {
  #home-top h2{
    font-size: 5vw;
  }
  #home-top p{
    font-size: 3vw;
  }
  #home-top{
    height: auto;
  }
}