@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap&subset=latin-ext');
	/* ********** Home Page Middle Styles ******************* */

.img-responsive {
    display: block !important;
    height: auto;
    max-width: 100%;
	}
.img-responsive50{
  width: 50%;
  max-width: 50%;
  height: auto;
}
.img-responsive15{
  width: 15%;
  max-width: 15%;
  height: auto;
}
.mid-img-responsive {
    height: auto;
    max-width: 100%;
}
.left {float: left;}
.right {float: right;}		
.group:after {
	content: "";
	display: table;
	clear: both;
	line-height: 0;	
}
	
.middle_image1{
   display: none;
	}
	
.middle_image2{
   /*margin-top: 15px;*/
	}	
   img.mid_image1{
     display: none;
   }

   img.mid_image2{
     display: block;
   }
.middle-outer-div
  {
   /*background-color: #f1efec !important;*/
   padding: 0;
 }
.middle-inner-div
	{
   margin: 0 auto;
  /* max-width: 1920px;*/
		text-align: center;
  }	
.middle_wrapper-bg {
    background-color: #fff !important; background: none;
}	
.middle_breakout {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100vw; 
	}

	
.middle_restore_center {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	}

.hide-mob {display: none;}

@media only screen and (min-width: 640px) {
	

   .middle_image2{
     display: none;
   }

   .middle_image1{
     display: block;
   }
	img.mid_image2{
     display: none;
   }

   img.mid_image1{
     display: inline-block;
   }	

}

.middle_container{
	/*background-color: #f1efec !important;*/
	text-align: center;
	/*max-width: 1920px;*/
}
.middle_nav_container{
	/*background-color: #f1efec !important;*/
	text-align: center;
	max-width: 1920px;
		padding: 30px 0;
}


* {
  outline: none;
}
middle_nav a {
  color: #fff;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
  font-style: normal;
  font-weight: 400;

/*	font-size: 10px;

  @media (min-width: 600px) {
    font-size: 20px;
  }

  @media (min-width: 800px) {
    font-size: 40px;
  }
	 font-size: calc( 12px + (24 - 12) * ( (100vw - 400px) / ( 800 - 400) ));
	font-size: 13px; 
    font-size: calc(12px + 1vw);*/
	 font-size: 28px;
	letter-spacing: 0.250em;
  margin: 0 0 0 25px;
  padding: 0;
  text-align:right;
  text-decoration: none;
}
	
/*middle_nav a:after {
  color:#aaa;
  content: "|";
  margin-left: 30px;
}
middle_nav a:last-child:after {
  content:"";
}
	
middle_nav a:last-child:after {
  content:"";
}*/
	middle_nav a:hover {
		font-weight: 600;
  
}		
.BB_outer-div
  {
   padding: 0;
  }
.BB_inner-div
	{
   margin: 0 auto;
   max-width: 900px; 
  }
.flexcontainer {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}
	
.flex {
  display:flex;
  }
.flex div {
  flex:1;
  margin:5px; /* need some space ?*/
  }

.pic-btn-bottom-center {
	position: absolute;
  top: 93.5%;
  left: 50%;
  transform: translate(-50%, -50%);
    /*position: absolute;
	display: inline-block;
    top: 89%;
    left: 85%;
    transform: translate(-20%, -50%);
	margin: 7% -30% -30% -40%;
	text-align: center;*/
	/*width: 90%;
	position: absolute;
    bottom: 8px;
    left: 16px;*/
}
	
h2.mid_overlay_head { 
	font-size: calc( 3.75vw + 1vmin);
	text-align: center;
	letter-spacing:  0.170em;
	color: #2b2b2b; 
	font-weight: 600; 
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	margin: 0 0 0 0;
	/*flex-wrap: nowrap;*/
	text-transform: uppercase;
	line-height: 1.556;
}
h2.mid_overlay_head2 {
	font-size: calc(18.25vw + 1vmin);
	color: #fff;
	text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 600;
	margin: 10% 0 0 0;
	letter-spacing:  1.0;
	text-transform: none;
	line-height: 0.768;
}

p.mid_overlay_body {
	/*font-size: 1.05em;*/
	font-size: calc( 2.10vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	color: #000;
	line-height: 1.829;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.06em;
	margin: 5% auto 13%;
	max-width: 65%;
	/*letter-spacing: 0.120em;*/
	
	
}
p.mid_overlay_body a {
	font-weight: 600;
	color: #000;
	text-decoration: underline;
	 text-underline-position: under;
}
p.mid_overlay_body2 {
	font-size: 1.1em;
	/*font-size: calc( 0.03vw + 1vmin);*/
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	color: #000;
	line-height: 1.719;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.04em;
	margin: 5% auto 2%;
	width: 80%;
	/*letter-spacing: 0.120em;*/
}

p.wefit {
	/*font-size: 1.15vw;*/
	font-size: calc( 1.60vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	color: #666;
	line-height: 1.26;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.240em;
	margin: 0 0 180% 0;
}
p.callout {
	/*font-size: 1.15vw;*/
	font-size: calc( 0.03vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 700;
	color: #323232;
	line-height: 1.373;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
	margin: 0;
	width: 100%;
}

ul.overlay_list {
	/*font-size: 1.15vw;*/
	font-size: calc( 0.60vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	font-style: normal;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: auto auto auto 3%;
	width: 99%;
	list-style-type: none;
	
}
ul.overlay_list li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}	
	
ul.overlay_list-mob {
	/*font-size: 1.15vw;*/
	font-size: calc( 2.35vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: auto auto auto -2.15em;
	width: 99%;
	list-style-type: none;
	flex-wrap: nowrap;
	
}
ul.overlay_list-mob li:before {
  content: '-';
  position: absolute;
  margin-left: -10px;
}	
	
h2.mid_overlay_head-mob {
	font-size: calc( 13.25vw + 1vmin);
	color: #343434;
	line-height: 0.95;
	text-align: center;
	/*letter-spacing: -.060em;*/
	font-family: "miller-banner", "miller-banner-n7", serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	margin: 0 0 0 0;
	flex-wrap: nowrap;
	letter-spacing:  -.02em;
}

p.overlay_sub-mob {
  font-size: 10px;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.171;
  text-align: center;
  /*text-shadow: 0px 1px 1px #999;*/
}
	
	
p.overlay_body-mob {
	/*font-size: 1.15vw;*/
	font-size: calc( 1.90vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	font-style: normal;
	font-weight: 300;
	color: #666;
	line-height: 1.26;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.04em;
	margin: 3% auto auto 3%;
	width: 100%;
}				
/*---------------hero buttons--------------*/
.middle_btn-group {
	display: flex;
	text-align: center;
	align-items: flex-start;
	flex-direction: column;
	margin:  1rem 0 0 0;
	line-height: 1.0;
}
.pic-btn-group {
	display: flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	flex-wrap: nowrap;
	max-width: 100%;
	margin: 5% auto 0 auto;
	padding: 0 5%;
}
.wide-btn-group {
	display: flex;
	flex-wrap: wrap;
	justify-content:   space-between;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	max-width: 100%;
	margin: 0;
	padding: 0 0 10%;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100vw; 
	background-color: #ede1d4;
	font-size: calc( 2.90vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.wide-btn-item {
    height: auto;
	margin: 0;
    max-width: 100%;
	padding: 1% 0;
	/*align-self: flex-end;*/
} 
.wide-btn-hd {
    text-transform: capitalize;
	background-color: #d1d1d1;
	padding: 3%;
		position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100vw; 
	color: white;
	margin: -1% auto 2%;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pic-txt-group {
	display: flex;
	text-align: center;
	flex-direction: column-reverse;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}
.pic-fig-group {
	display: -webkit-flex; 
	display: flex; 
	-webkit-flex-direction: row; 
	flex-direction: row; 
	-webkit-align-items: center; 
	align-items: center; 
	-webkit-justify-content: center; 
	justify-content: center; 
	width: 60%; 
	margin: 2% auto 0;
}
.pic-group-mob {
	display: -webkit-flex; 
	display: flex; 
	-webkit-flex-direction: column; 
	flex-direction: column; 
	-webkit-align-items: center; 
	align-items: center; 
	-webkit-justify-content: center; 
	justify-content: center;
	text-align: center;
	width: 60%; 
	margin: 2% auto 0;
}
.pic-txt {
    height: auto;
	margin: 0;
    max-width: 100%;
}
.middle_btn-group-mob .btn{ 
	margin: 0;
}
.middle_btn-group-mob {
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	margin:  5% 0 -4% 0;
	line-height: 1.0;
	width: 100%;

}

.middle_btn-group .btn{ 
	margin: 0;
}		
.middle_btn_container{
	text-align: left;
	
}
	
.BB_button {
    background-color: #fff;
    color: #333;
    border: none;
    text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	text-decoration: none;
	padding: 3%;
	margin: 0 0 5% 0;
	border-radius: 0;
	letter-spacing: .030em;
	width: 100%;
}
.BB_button2 {
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
	padding: 2%;
	margin: 0 0 5% 0;
	border-radius: 0;
	letter-spacing: .030em;
	width: 50%;
}
.BB_button3 {
    background-color: transparent;
    color: #000;
    border: #fff 2px solid;
    text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
	padding: 3%;
	margin: 0 0 5% 0;
	border-radius: 0;
	letter-spacing: .075em;
	width: 100%;
}
.BB_button4 {
    background-color: transparent;
    color: #fff;
    border: #fff 2px solid;
    text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	text-decoration: none;
	padding: 4%;
	margin: 0 0 5% 0;
	border-radius: 0;
	letter-spacing: .075em;
	width: 100%;
}
.BB_button-dt {
	font-size: calc( 0.09vw + 1vmin);
   /*  font-size: calc( 0.02vw + 1vmin);

   padding:  8px 18px;
    margin: 10px;
	min-width:  230px;*/
}
.BB_button-mob {
    font-size: calc( 1.50vw + 1vmin);
    padding:  0;
	/*margin-bottom: -1em;
	color: #fff;*/
	
}
	
.BB_button:hover {
    background-color: #000;
	color: #fff;
	/*opacity: 0.7;*/
	border: none;
	/*font-weight: 600;*/
/*
 -webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.27);
-moz-box-shadow:    0px 0px 30px 0px rgba(255, 255, 255, 0.27);
box-shadow:         0px 0px 30px 0px rgba(255, 255, 255, 0.27);
	transform: scale(1.0125, 1.0125);*/
}
	
.BB_button2:hover {
    background-color: #fff;
	color: #000;
	opacity: 0.7;
	border: none;
	font-weight: 600;
/*	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.27);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.27);
	transform: scale(1.0125, 1.0125);*/
}	
.BB_button3:hover {
    background-color: #fff;
	color: #000;
	opacity: 0.7;
	border: none;
	font-weight: 600;
/*	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.27);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.27);
	transform: scale(1.0125, 1.0125);*/
}
.BB_button4:hover {
    background-color: #fff;
	color: #000;
	opacity: 0.7;
	border: none;
	font-weight: 600;
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.27);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.27);
	transform: scale(1.0125, 1.0125);
}
.BB_a_btn {
    background-color: #fff;
    color: #333;
    border: none;
    text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	text-decoration: none;
	padding: 5%;
	margin: 0 0 5% 0;
	border-radius: 0;
	letter-spacing: .075em;
	width: 100%;
}
.BB_a_btn2 {
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    text-align: center;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
	padding: 5%;
	margin: 0;
	border-radius: 0;
	letter-spacing: .075em;
	width: 100%;
}

.BB_a_btn-dt {
	font-size: calc( 0.09vw + 1vmin);
   /*  font-size: calc( 0.02vw + 1vmin);

   padding:  8px 18px;
    margin: 10px;
	min-width:  230px;*/
}
.BB_a_btn-mob {
    font-size: calc( 1.50vw + 1vmin);
    padding:  0;
	/*margin-bottom: -1em;
	color: #fff;*/
	
}
/*	
.BB_a_btn:hover {
    background-color: #000;
	color: #fff;
	opacity: 0.7;
	border: none;
	font-weight: 600;

 -webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.47);
-moz-box-shadow:    0px 0px 30px 0px rgba(255, 255, 255, 0.47);
box-shadow:         0px 0px 30px 0px rgba(255, 255, 255, 0.47);
	transform: scale(1.05, 1.05);
}
	
.BB_a_btn2:hover {
    background-color: #fff;
	color: #000;
	/*opacity: 0.7;
	font-weight: 600;
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.47);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.47);
	transform: scale(1.05, 1.05);
}	
.BB_a_btn-mob:hover {
    background-color: transparent;
	border: none;
}*/
/*	form {
		padding: 0;
		margin: 0;
	}	*/
.pic-btn {
    height: auto;
	margin: 0 auto;
    max-width: 100%;
	/*align-self: flex-end;*/
}
.pic-fig {
    height: auto;
	margin: 0 2px;
    max-width: 90%;
	/*align-self: flex-end;*/
}
/*.pic-btn:hover {
	border: none;
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.37);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.37);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.37);
	transform: scale(1.05, 1.05);
}*/
.middle-pic-button {
    background-color: transparent;
    color: #000;
    border: none;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	letter-spacing: 0.030em;
	text-decoration: underline;
	 text-underline-position: under;
	padding: 0;
	/*border-bottom: 1px solid #000;*/
    white-space: nowrap;
	margin: 0 auto;
	text-align: center;
	font-size: calc( 2.10vw + 1vmin);
	width: 100%;
}
.middle-pic-button:hover {
  font-weight: 600;
}
/*.middle-pic-button:hover::after {
	content:"";*/
   /* background: -webkit-linear-gradient(left, #fec837 0%, #2c90fc 12%, #b8fd33 47%, #b827fc 100%);*/
  /*  background: -webkit-linear-gradient(left, #a19db2 0%, #85a1ac 12%, #d6d9d7 47%, #a19db2 100%);	
    display: block;
    height: 0.25em;
    width: 100%;
    position: inline;
	margin-top: 0.25em;*/
 /*    bottom: -10px;
 content:' ';
  position: absolute;
  margin-top: 6px;
  top:100%;
  left:50%;
  width: 100%;
 border: none !important;
  border-bottom: 2px solid transparent !important;
  backround: linear-gradient(to right, #fec837 0%, #2c90fc 25%, #b8fd33 50%,  #fd1892 75%,  #b827fc 100%);
  border-image-slice: 1;
	background-color: #000;
	background-image: url(images/home/2019/Summer/3/rainbow-roll.png?$staticlink$);
  transform:translateX(-50%); */
/*}*/
/*.middle-pic-button:hover::after, .middle-pic-button:active::after {
  border: none;
  background-image: linear-gradient(to right, #fec837 0%, #2c90fc 25%, #b8fd33 50%,  #fd1892 75%,  #b827fc 100%);
  height: 2px;
  margin: 20px auto;
  width: 100%;
}*/
.fig_btn-group {
/*  display: flex;*/
text-align: center;

}
.fig_btn_container{
	text-align: center;
	/*padding-top: 2em;*/
	margin: 0 0 3em 0;
	
}	
a.figbutton {
    background-color: transparent;
	/*margin-top: 6px;*/
    color: #000;
    border: none;

	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	letter-spacing: 0.015em;
	text-decoration: none;
    white-space: nowrap;
	font-size: calc( 0.19vw + 1vmin);
	text-align: center;
	margin: 0;
	padding: 0;
}
a.figbutton:hover {
	background-color: transparent;
	margin: 0;
	padding: 0 6px;
}

a.figbutton:hover::before,.figbutton:hover::after {
    content: '\00a0 \25C6 \00a0 ';
	/*font-size: 150%;*/
	color: #d95151;
	background-color: transparent;
	margin: 0;
	padding: 0;
	/*line-height: 50%;*/
}

/*-------------------Caption Overlay------------------------*/	
/*img {
    width: 100%;
}

figure {
    
	padding: 0;
	margin: 0;
}

figcaption { 
	margin-top: 0;
	padding: 5% 7%;
	position: relative;
	display: block;
	}

.capt_bg { background-color: #fff; 
	}*/
/*.capt_bg:before { background-image: url(Silver/Homepage/2018/Holiday/HOL18-middle-mob_gold_rule.png?$staticlink$);
	 content: "";
    display: block;
    max-width: 100%;
    /*background-color: #f3f;
    background-image: url('bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 3.75%;
	margin-top: -1%;
	}*/
/*.capt_bg:after { background-image: url(Silver/Homepage/2018/Holiday/HOL18-middle-mob_gold_rule.png?$staticlink$);
	 content: "";
    display: block;
    max-width: 100%;
    background-color: #f3f;
    background-image: url('bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 3.75%; 
	}	*/
	
/*figcaption h3 {
    font-family: miller-banner, serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;

	letter-spacing: .200em;
	line-height: 1.5em;
	color: #fff;
    padding: 10px 20px;
    margin-bottom: 0;
    righ: 100%;
    margin-top: 37px;
}

figcaption h3:after {
  content:' ';
  position: absolute;
  margin-top: 10px;
  top:100%;
  left:50%;
  width: 30px;
  border-bottom:1px solid #fff;


}
	
	
figcaption p {
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 2.00;
  letter-spacing: .025em;
  text-align: center;
  padding: 8px 16px;
  margin-bottom: 0;
  margin-top: 16px;
  left: 100%;
  text-transform: uppercase;

}

figure:hover h3,figure:hover p {
    left: 0;
}

figcaption a {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 30px;
    text-decoration: none;
}


}
figcaption a:active {
    color: #fff;
}	*/
.middle_cap-left {
	/*float: left;*/
	text-align: left;
	}	
.middle_cap-group:after {
  content: "";
  display: table;
  clear: both;
}
h2.middle_cap_head {
  font-size: calc( 10.07vw + 1vmin);
  color: #fff;
  font-weight: 600;
  margin: -5% 0 0 0;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
  font-style: normal;
  text-align: center;
  line-height: 0.98;
  letter-spacing: -0.040em;
  text-transform: none;
}	
/*p.middle_cap_body {
	font-size: calc( 0.95em + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";;
	font-style: normal;
	font-weight: 300;
	color: #242424;
	text-align: right;
	text-transform: none;
	margin: 0;
	line-height: 1.602;
	letter-spacing: 0.080em;
	}*/
.middle-mob-btn-group {
/*  display: flex;*/
text-align: center;
}
.middle-mob-btn_container{
	text-align: center;
	display: block;
	padding: 0;
	margin: 5% auto 10% auto;
	width: 100%;
}	
a.middle-mob-button {
    background-color: #000;
    color: #fff;
    border: none;
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	letter-spacing: 0.060em;
	text-decoration: none;
    white-space: nowrap;
	margin: 0 auto 8% auto;
	padding: 3%;
	text-align: center;
	font-size: calc( 2.60vw + 1vmin);
	min-width: 90%;
	max-width: 100%;
}
/*a.middle-mob-button:hover {
    background-color: #fff !important;
    color: #000 !important;
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.47);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.47);
	transform: scale(1.05, 1.05);
}*/
a.middle-mob-button-rev {
    background-color: #fff;
    color: #000;
}
a.middle-mob-button-out {
    background-color: transparent;
    color: #000;
	border: 1px #000 solid;
}
/*a.middle-mob-button-rev:hover {
    background-color: #000 !important;
    color: #fff !important;
 -webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.47);
-moz-box-shadow:    0px 0px 30px 0px rgba(255, 255, 255, 0.47);
box-shadow:         0px 0px 30px 0px rgba(255, 255, 255, 0.47);
	transform: scale(1.05, 1.05);
}*/

.middle-mob-button-dt {
    font-size: 12px;
	/* margin-top: 6px;
   padding:  8px 18px;
    margin: 0 10px 10px 5px;
	min-width:  80px;*/
}
.middle-mob-button-mob {
    font-size: 10px;
    padding:  2px 6px;
    margin: 1px;
	letter-spacing: .02em;
}
/*.middle-mob-button:hover {
    background-color: transparent;
	border: none;
	font-weight: 600;
}*/
.mid_wrapper-bg	{
	background-color: #fff !important;
	/*background-image:url("Silver/Homepage/2018/Fall/FA18-2018-07-31_middle_BG.jpg?$staticlink$" );
	background-repeat:repeat;*/
	height: auto;
}

p.middle_cap_body {
	font-size: calc( 2.05vw + 1vmin);
	margin: 5% auto 0 auto;
	letter-spacing: 0.080em;
	padding: 0;
	text-transform: none;
	text-align: center;
	line-height: 1.5;
	color: #000;
}

	
	.middle-mob-btn-group {
	text-align: left;
	}


	
	.capt_bg { background-color: transparent; }
	.capt_bg:before { display: none; }
	.capt_bg:after { display: none; }	
	.outer-div{padding: 10px;}
	
	
	
@media only screen and (min-width: 650px) {
	.pic-btn-group {
	text-align: right;
	flex-wrap: wrap;	
	flex-direction: row;
	justify-content: flex-end;	
	margin:  2% auto 0;
	max-width: 55%;
	}
	.pic-txt-group {
	display: flex;
	text-align: right;
	justify-content: flex-end;
	flex-direction: row;
	width: 85%;
	margin: 0 auto;
	}
	.pic-txt {
    width: 100%;
	margin: 0;
	text-align: left;
	justify-content: flex-end;
	}
	.pic-btn {
	margin: 2%;
	max-width: 46%;	
	height: auto;
	}
	.middle_wrapper-bg {
    background-color: #efefef !important; background: url(Billboards/PS/SJC_HP_DT_2019_01_30_middle-BG.jpg);
	}
	.mid_wrapper-bg	{
	background-color: #fff !important;
	}
	
	.capt_bg { background-image: none;}

	.middle-mob-btn-group {
	text-align: left;
	}
	.middle-mob-btn_container{
	text-align: left;
	/*padding-top: 2em;*/
	margin: 0 0 3em 0;	
	}	
	.middle-mob-button {
	/*background-color: #fff;*/
	margin-top: 0;
	text-align: center;
	text-transform: none;
	font-weight: 600;
	font-size: 16px;
	}
	.middle-mob-btn_container{
	text-align: left;
	/*padding-top: 2em;*/
	}	
	.capt_bg { background-color: transparent; }
	.capt_bg:before { display: none; }
	.capt_bg:after { display: none; }	
	.outer-div{padding: 10px;}
	.home_main_container { margin: 20px 0 0 0;}
	
	
   img.mid_image2{
     display: none;
   }

   img.mid_image1{
     display: inline-block;
   }
}
	
	
	.wht {color: #fff;}	


/* ********** Home Page Hero Styles ******************* */

.img-responsive {
    display: block !important;
    height: auto;
    width: 100%;
	}
.img-responsive50{
  width: 50%;
  max-width: 50%;
  height: auto;
}
.img-responsive15{
  width: 15%;
  max-width: 15%;
  height: auto;
}	
	.left {float: left;}
	.right {float: right;}		
	.group:after {
  content: "";
  display: table;
  clear: both;
	line-height: 0;	
}
	
#hero_image1{
   display: none;
	}
	
#hero_image2{
   /*margin-top: 15px;*/
	}	
.hero-outer-div
  {
   /*background-color: #f1efec !important;*/
   padding: 0;
 }
.hero-inner-div
	{
   margin: 0 auto;
   /*max-width: 1920px;*/
		text-align: center;
  }	
.hero_wrapper-bg {
    background-color: #fff !important; background: none;
}	
.hero_breakout {
	position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100vw; 
	}
.hero_restore_center {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	}


.hero_container{
	/*background-color: #f1efec !important;*/
	text-align: center;
	/*max-width: 1920px;*/
}
.hero_nav_container{
	/*background-color: #f1efec !important;*/
	text-align: center;
	max-width: 1920px;
		padding: 30px 0;
}


* {
  outline: none;
}
hero_nav a {
  color: #fff;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
  font-style: normal;
  font-weight: 400;

/*	font-size: 10px;

  @media (min-width: 600px) {
    font-size: 20px;
  }

  @media (min-width: 800px) {
    font-size: 40px;
  }
	 font-size: calc( 12px + (24 - 12) * ( (100vw - 400px) / ( 800 - 400) ));
	font-size: 13px; 
    font-size: calc(12px + 1vw);*/
	 font-size: 28px;
	letter-spacing: 0.250em;
  margin: 0 0 0 25px;
  padding: 0;
  text-align:right;
  text-decoration: none;
}
	
/*hero_nav a:after {
  color:#aaa;
  content: "|";
  margin-left: 30px;
}
hero_nav a:last-child:after {
  content:"";
}
	
hero_nav a:last-child:after {
  content:"";
}*/
	hero_nav a:hover {
  color:#c9a571;
		font-weight: 400;
  
}		
.hn_outer-div
  {
   padding: 0;
  }
.hn_inner-div
	{
   margin: 0 auto;
   max-width: 900px; 
  }
.flexcontainer {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}
	

/* ---------------- Mobile Text overlays -----------------*/		
.overlay_container {
    position: relative;
    text-align: center;
    /*color: #434343;
	background-color: #434343;*/
}
.top-center {
    position: absolute;
    top:20%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin-left: 0;
	margin-right: -30%;
}
.bottom-center {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-20%, -50%);
	margin-left: -30%;
	margin-right: -60%;
	width: 90%;
	/*position: absolute;
    bottom: 8px;
    left: 16px;*/
}

.bottom-left {
    position: absolute;
    bottom: 12%;
    left: 6%;
}
.top-left {
    position: absolute;
    top: 12%;
    left: 6%;
}
.top-right {
    position: absolute;
    top: 12%;
    right: 6%;
}
.bottom-right { 
    position: absolute;
    bottom: 5%;
    right: 6%;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	/*margin-left: -5%;
	margin-right: -20%;*/
	padding-right: 0;
	width: 100%;
	text-align: center;
}
.centered-left {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    margin-right: -30%;
}	
.centered-right {
    position: absolute;
    top: 51.5%;
    left: 86%;
    transform: translate(-50%, -50%);
	margin-left: -12%;
	margin-right: -14%;
}		
h2.hero_overlay_head {
	font-size: calc( 3.55vw + 1vmin);
	color: #232323;
	line-height: 0.95;
	text-align: center;
	/*letter-spacing: -.060em;*/
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 800;
	margin: 0;
	flex-wrap: nowrap;
	letter-spacing:  -.06em;
	
}
.res-break{
	display: none;
}	
p.hero_overlay_body {
	/*font-size: 1.15vw;*/
	font-size: calc( 0.52vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	color: #232323;
	line-height: 1.26;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.04em;
	margin: 5% auto 3% ;
	/*width: 75%;*/
}


p.wefit-mob {
	/*font-size: 1.15vw;*/
	font-size: calc( 2.07vw + 1vmin);
	font-style: normal;
	font-weight: 300;
	line-height: 1.26;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.04em;
	margin: 8px auto auto 0;
	width: 100%;
}
ul.overlay_list {
	/*font-size: 1.15vw;*/
	font-size: calc( 0.60vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: auto auto auto 3%;
	width: 99%;
	list-style-type: none;
	
}
ul.overlay_list li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}	
	
ul.overlay_list-mob {
	/*font-size: 1.15vw;*/
	font-size: calc( 2.35vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: auto auto auto -2.15em;
	width: 99%;
	list-style-type: none;
	flex-wrap: nowrap;
	
}
ul.overlay_list-mob li:before {
  content: '-';
  position: absolute;
  margin-left: -10px;
}	
	
h2.hero_overlay_head-mob {
	font-size: calc( 13.25vw + 1vmin);
	color: #343434;
	line-height: 0.95;
	text-align: center;
	/*letter-spacing: -.060em;*/
	font-family: "miller-banner", "miller-banner-n7", serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	margin: 0 0 0 0;
	flex-wrap: nowrap;
	letter-spacing:  -.02em;
}

p.overlay_sub-mob {
  font-size: 10px;
  font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
  font-style: normal;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.171;
  text-align: center;
  /*text-shadow: 0px 1px 1px #999;*/
}
	
	
p.hero_overlay_body-mob {
	/*font-size: 1.15vw;*/
	font-size: calc( 1.90vw + 1vmin);
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	color: #666;
	line-height: 1.26;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.04em;
	margin: 3% auto auto 3%;
	width: 100%;
}				
/*---------------hero buttons--------------*/
#hero_btn-group {

	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	margin:  10% 0 0 0;
	line-height: 1.0;

}

#hero_btn-group-mob .btn{ 
	margin: 0;
}
#hero_btn-group-mob {
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	margin:  5% 0 -4% 0;
	line-height: 1.0;

}

#hero_btn-group .btn{ 
	margin: 0;
}		
.hero_btn_container{
	text-align: left;
	
}
	
.herobutton {
    background-color: Transparent;
    color: #333;
    border: none;
    cursor: pointer;
    text-align: center;
	font-family: "miller-banner", "miller-banner-n7", serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	letter-spacing: 0;
	text-decoration: underline;
    display: block;
	padding: 0;
	margin: 0 0 0.5em 0;
}

.herobutton-dt {
    font-size: calc( 0.62vw + 1vmin);

   /* padding:  8px 18px;
    margin: 10px;
	min-width:  230px;*/
}
.herobutton-mob {
    font-size: calc( 1.50vw + 1vmin);
    padding:  0;
	/*margin-bottom: -1em;
	color: #fff;*/
	
}
/*	
.herobutton:hover {
    background-color: transparent;
	border: none;
	font-weight: 600;
}	
.herobutton-mob:hover {
    background-color: transparent;
	border: none;
	font-weight: 600;
}*/
/*	form {
		padding: 0;
		margin: 0;
	}	*/

/*-------------------Caption Overlay------------------------*/	
/*	img {
    width: 100%;
}

figure {
    width: 100%;
	margin: 0;
}

figcaption { 
	margin-top: 0;
	padding: 5% 7%;
	}

.capt_bg { background-color: #fff; 
	}*/
/*.capt_bg:before { background-image: url(Silver/Homepage/2018/Holiday/HOL18-middle-mob_gold_rule.png?$staticlink$);
	 content: "";
    display: block;
    max-width: 100%;
    /*background-color: #f3f;
    background-image: url('bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 3.75%;
	margin-top: -1%;
	}*/
/*.capt_bg:after { background-image: url(Silver/Homepage/2018/Holiday/HOL18-middle-mob_gold_rule.png?$staticlink$);
	 content: "";
    display: block;
    max-width: 100%;
    background-color: #f3f;
    background-image: url('bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 3.75%; 
	}	*/
	

/*  display: flex;
text-align: center;
}*/
.hero-mob-btn_container{
	text-align: center;
	/*padding-top: 2em;*/
	margin: 0 0 3em 0;	
}	
.hero-mob-button {
    /*background-color: #fff;*/
	margin-top: 6px;
    color: #000;
    border: none;
    cursor: pointer;
	font-family: "miller-banner", "miller-banner-n7", serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	letter-spacing: 0.015em;
	text-decoration: none;
    white-space: nowrap;
	font-size: 13px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.hero-mob-button-dt {
    font-size: 12px;
	/* margin-top: 6px;
   padding:  8px 18px;
    margin: 0 10px 10px 5px;
	min-width:  80px;*/
}
.hero-mob-button-mob {
    font-size: 10px;
    padding:  2px 6px;
    margin: 1px;
	letter-spacing: .02em;
}
.hero-mob-button:hover {
    background-color: transparent;
	border: none;
	font-weight: 600;
}
.mid_wrapper-bg	{
	background-color: #fff !important;
	/*background-image:url("Silver/Homepage/2018/Fall/FA18-2018-07-31_middle_BG.jpg?$staticlink$" );
	background-repeat:repeat;*/
	height: auto;
}

p.hero_cap_body {
	font-size: calc( 1.05vw + 1vmin);
	margin: 5% 0 0 0;
	letter-spacing: 0.080em;
	padding: 0;
	text-transform: uppercase;
	line-height: 1.4;
	text-align: right;
	}
.hero-mob-btn-group {
	text-align: left;
	}
.hero-mob-btn_container{
	text-align: left;
	/*padding-top: 2em;*/
	margin: 2% 0 3em 0;	
	}	
.hero-mob-button {
	/*background-color: #fff;*/
	margin-top: 0;
	text-align: left;
	font-size: calc( 2.07vw + 1vmin);
	}
.hero-mob-btn_container{
	text-align: left;
	/*padding-top: 2em;*/
	}	
.capt_bg { background-color: transparent; }
.capt_bg:before { display: none; }
.capt_bg:after { display: none; }	
.outer-div{padding: 10px;}
	
/* ================= figcaption overlay ===============================	*/
figure.fig-overlay {    
position: relative;    
width: 100%;    
z-index: 1; 
margin: 0;
}  
figure.fig-overlay img, figure.wefit-fig img {width: 100%; }
figure.new_arrivals img {width: 100%; } 
#wefit_story figure img {width: 100%; } 
#wefit_story figcaption {text-align: center; margin: 7%;} 
#denim101 figure img {width: 100%; } 
#denim101 h2.mid_overlay_head { 
	font-size: calc( 3.75vw + 1vmin);
	text-align: center;
	letter-spacing:  0.170em;
	color: #2b2b2b; 
	font-weight: 600; 
	font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	margin: 0 0 0 0;
	/*flex-wrap: nowrap;*/
	text-transform: uppercase;
	line-height: 1.556;
}
figure.overlay figcaption {    
position: absolute;    
z-index: 1000;    
height: 100%;    
width: 100%;    
top: 0;  
}	
/* ===================== Section Specific =======================*/
#new_arrivals h2.mid_overlay_head {
	margin: 25% auto 10% auto;
}
#wefit_story h2.mid_overlay_head {
	margin: 25% auto 10% auto;
	text-align: center;
} 
#denim101 .centered {
	top: 55%;
}
#denim101 .mid_overlay_body{
	margin-top: 102%;
}
@media only screen and (min-width: 650px) {
	/* ---------------- Desktop Text overlays -----------------*/		
	.top-center {
	position: absolute;
	top:20%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: 0;
	margin-right: -30%;
	}
	.bottom-center {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-20%, -50%);
	margin-left: -30%;
	margin-right: -60%;
	width: 90%;
	}
	.bottom-left {
	position: absolute;
	bottom: 12%;
	left: 6%;
	}
	.top-left {
	position: absolute;
	top: 12%;
	left: 6%;
	}
	.top-right {
	position: absolute;
	top: 12%;
	right: 6%;
	}
	.bottom-right { 
	position: absolute;
	bottom: 5%;
	right: 6%;
	}
	.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-right: 0;
	width: 100%;
	text-align: center;
	}
	.centered-left {
	position: absolute;
	top: 50%;
	left: 28%;
	transform: translate(-50%, -50%);
	margin-left: 0;
	margin-right: -30%;
	}	
	.centered-right {
	position: absolute;
	top: 51.5%;
	left: 86%;
	transform: translate(-50%, -50%);
	margin-left: -12%;
	margin-right: -14%;
	}		
	h2.mid_overlay_head {font-size: calc( 1.15vw + 1vmin);
	text-align: left;
	text-transform: uppercase;
	color: #2b2b2b;
	letter-spacing: 0.370em;
	}
	h2.mid_overlay_head2 {
	text-align: left;	
	font-size: calc( 6.15vw + 1vmin);
	margin: 15% 0 0 20%;
	} 
	p.mid_overlay_body {
	font-size: calc( 0.10vw + 1vmin);
	text-align: left;
	/*margin: 7% 0 10% 0;*/
	max-width: 100%;
	}
	p.mid_overlay_body2 {
	text-align: left;	
	margin: 3% auto 0 20%;
	width: 100%;
	font-size: calc( 0.40vw + 1vmin);
	}
	.hero_wrapper-bg {
    background-color: #efefef;
	}
	.mid_wrapper-bg	{
	background-color: #fff !important;
	}
	.capt_bg { background-image: none;}
	.hero-mob-btn-group {
	text-align: left;
	}
	.hero-mob-btn_container{
	text-align: left;
	/*padding-top: 2em;*/
	margin: 0 0 3em 0;	
	}	
	.hero-mob-button {
	/*background-color: #fff;*/
	margin-top: 0;
	text-align: left;
	text-transform: none;
	font-weight: 600;
	font-size: 16px;
	}
	.hero-mob-btn_container{
	text-align: left;
	/*padding-top: 2em;*/
	}	
	.capt_bg { background-color: transparent; }
	.capt_bg:before { display: none; }
	.capt_bg:after { display: none; }	
	.outer-div{padding: 10px;}
	.home_main_container { margin: 20px 0 0 0;}
	.middle-pic-button {font-size: calc( 0.45vw + 0.5vmin);
	text-transform: none;}
	p.wefit {
	font-size: calc( 0.02vw + 1vmin);
	text-align: left;
	letter-spacing: 0.240em;
	margin: 0 0 8% 0;}
	.hide-mob {display: block;}
	.hide-dt {display: none;}
	.wide-btn-group {
	margin: 0 auto;	
	flex-direction: row;
	padding: 0;
	/*margin: 0;	
	align-items: center;	
	justify-content: center;
	align-content: stretch;*/	
	font-size: calc( 0.090vw + 1vmin)}
	.wide-btn-item {
    height: auto;
	/*width: 30%;	*/
	margin: 0 1%;}
	.wide-btn-hd {
	background-color: transparent;
	padding: 0;
	width: auto;
	color: black;
			margin: 0;}
	/* ===================== Section Specific =======================*/	
	#wefit figcaption .centered-left {
	top: 45%;}
	#denim101 figure img {width: 50%; } 
	#denim101 h2.mid_overlay_head {font-size: calc( 1.75vw + 1vmin);
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 0.370em; 
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             	 0px 8px 13px rgba(0,0,0,0.1),
             	 0px 18px 23px rgba(0,0,0,0.1);	}
	figure.new_arrivals {
	margin: 0 auto;
	max-width: 60%}
	figure.wefit-fig {
	margin: 0 auto;
	max-width: 80%}
	#new_arrivals h2.mid_overlay_head {
	margin: 18% auto -6% 25%;} 
	#wefit_story h2.mid_overlay_head {	
	margin: 12% auto 6%;} 
	#denim101 .centered {
	top: 60%; max-width: 70%;
	max-height: 40%;}
	#denim101 .mid_overlay_body {
	font-size: calc( 0.15vw + 1vmin);		
	margin-top: 20%;
	text-align: center;
	background-color: white;
	max-width: 100%;
	padding: 0.25%;}

}
	
@media only screen and (min-width: 850px) {	
	#denim101 .mid_overlay_body {max-width: 65%;
	font-size: calc( 0.06vw + 1vmin);}
	.res-break {display: block;}
	.middle_btn-group {margin: 3.75rem 0 0 0;}
	p.mid_overlay_body {font-size: calc( 0.09vw + 1vmin);}
/*	p.mid_overlay_body, p.mid_overlay_body2 {font-size: 0.9rem;}*/
}			
@media screen and (min-width: 1920px) {
	#denim101 .mid_overlay_body {max-width: 50%;
	margin-top: 25%}
	}
/*	h2.mid_overlay_head {font-size:  5.5rem;}
	h2.mid_overlay_head2 {font-size:  5.0rem;}	
	p.overlay_body, p.overlay_body2 {font-size: 20px;}	
	.BB_button-dt {font-size: 18px;}
	p.wefit {font-size: 26px;}
	h2.hero_overlay_head {font-size:  72px;}		
	p.hero_overlay_body {font-size: 28px;}	
	.herobutton-dt {font-size: 20px;}
	p.wefit {font-size: 46px;}
	.middle-pic-button {font-size: calc( 0.10vw + 1vmin);}
	}	*/