/* ---------------------------------- */
/* ------------- GRID --------------- */
/* ---------------------------------- */
.col-1-med {
  width: 100%;
  width: calc(100% - var(--gridSpacing));
}

.col-2-med, .contentImgRow .item, .cartThumb.category, .cartThumb.item, .blog-widget .blog-widget-article {
  width: 50%;
  width: calc(50% - var(--gridSpacing));
}

.col-3-med {
  width: 33.333%;
  width: calc(33.333% - var(--gridSpacing));
}

.col-5x3-med {
  width: 66.666%;
  width: calc(66.666% - var(--gridSpacing));
}

#subBannerHome:after {
  content:"";
  position:absolute;
  inset:0;
   background: rgb(17,17,17);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(17,17,17,1) 28%, rgba(17,17,17,0.9) 35%, rgba(17,17,17,0) 76%); 
  z-index:1;
}

.butFrame .butTextWrap {
  padding:1em;
}


.butFrame .butText {
  font-size:0.9em;
  height:300px;
}

#banner .container {
  
  display:flex;
  flex-direction:column;
}

#menu nav {
  justify-content:center;
}


.subBannerText {
  font-size:0.8em;
}


.siteTop {
  padding-top:200px;
}

#subBanner h1 {
  font-size:2em;
  padding-left:2%;
}



.sliderText h2 {
  width:100%;
}

#banner  {
  font-size:0.75em;
}


#menu nav li a {
  padding:0px 5px;;
}




.sliderText {
  font-size:0.8em;
}



.logo, .scrollStart #banner .logo {
  width: 100px;
  padding:10px;
}