html{min-width:100%;overflow-x:hidden;}

body{
overflow-x: hidden;
 font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
							
.hero{
  padding-top:35px;
}

.heading{
  height:160px;
	width:100%;
	background:#ffffff;
  }
.heading-border{
  height:30px;
  background:#000;
  position:relative !important;
  z-index:10 !important;

}
.section{position:relative !important;
z-index:10 !important}

	
                  

#headerBG{margin: auto;}



.vowLB{ float:left;
	background-color:#304252;
	width:10px;
	height:145px;
	margin:0 auto;
}

       .vowRB{
       	float:left;
       	background-color:#304252;
       	width:10px;
       	height:145px;
       }

       .vowLogo{
       	float:left;
       	background-color:#304252;
       	width:310px;
       	height:145px;
       }

       #vowLogoImg{
       	margin:0 auto;width:auto;
       	height:85%;
       	padding-top:3%;
       	display:block;
       	}

.bannerImgs{}
       	.bannerImgs a img
       	{
       		display:block;}

.bannerImgs{}
       	.bannerImgs a img
       	{margin-left:50%;
       		}


 #responsive{
             display:block;
             margin-top:15px;
             margin-left: auto;
             margin-right:  auto;
             height:auto;
             max-width:100%;
             /**/}

#contentBG{
	background-color:#000;
}

#contentHighlight{
	background-color:#000;
	
}

#officeSupplies{color:#fff;
                font-family:'Roboto',sans-serif;
                /**/
            }

	#officeSupplies H4{	font-weight:900;
						margin:10px 10px 0px 10px;


					}

		#officeSupplies P {	font-weight:400;
		                  	letter-spacing:-0.03em;
		                  	line-height:1.1em;
		                  	margin:10px 10px 0px 10px;
		                  }	


#browserList{list-style:none;
	max-width:125px;
		margin-top:1.7em;
		margin-left:5%;
		margin-right:auto;
	}

		#browserList li a img {
      width:auto;
			height:20px;
			position:relative;
			top:5px;
			left:8px;
			-webkit-filter: drop-shadow(0px 1px 1px #222);
      filter:         drop-shadow(0px 1px 1px #222);
    }

		#browserPara p{
			font-size:0.9em;}
		#browserList li a{
			padding:0;}
                  						


#a-logo{
  max-height:170px;padding-top:40px;}

#range{margin:0 auto;
max-width:767px;
display:block;}

#pct{
	color:#fff;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
   font-style: normal;
   text-align:center;
   margin-bottom:0 !important;
	font-size: 32px;
	padding-top: 8px;
}

.brand-header{text-align:center;
color:#5b5b5b;
padding-top:20px;
font-weight:500;

}

.landing-p{text-align:center;
padding-top:10px;

color:#304252;
}

.landing-image{
  position:relative;
  max-width:100%;
  max-height:550px;
display:block;
margin:0 auto;
z-index:1;
}

.footer{
height:180px;
width:100%;
background: url('../images/footer-bg.png') center top repeat-x #ffe74f;
padding-top:20px;
text-align:center;
position:relative;
z-index:10;
color: #2b2b2b;
}

#copyright{}

h5{color:#fff !important;}
a{color:#fff !important;
text-decoration:none;}
a:hover{text-decoration:underline;}


.fullbg{
	background: url('../images/bg.jpg') center top no-repeat;
	background-size: 100%;
}


/******* RESPONSIVE DEVICES *******/
/******* RESPONSIVE DEVICES *******/
/******* RESPONSIVE DEVICES *******/

/* Particular Mobile Devices */
/* Particular Mobile Devices */
/* Particular Mobile Devices */
/* Particular Mobile Devices */
@media (max-width:490px){


  

  
}

@media (max-width:608px){

	#a-logo{ width: 90%; margin: 10px auto; padding-top: 10px;}
	.heading{height: auto;}
	.hero{height: auto; background: none; padding-top: 5px;}
	#btnContainer{ margin-top: 0px!important; margin-bottom: 10px;}
	

  .sash {display:none;}

.landing-p{font-size:1.8rem !important;}

.brand-header{ font-size:3rem !important;}

#pct{font-size:3.2rem !important;
} 

       #contentHighlight{
		display:flex;
	}

	

#regionMap{
	display:none;
} 

.vowLB{
	width:10px!important;
	height:100px!important;
}

       .vowRB{
       	width:10px!important;
       	height:100px!important;
       }
       
       .vowLogo{
       	width:220px!important;
       	height:100px!important;}

.bannerImgs{
       	margin-top:3em;
       
       	
       }
    .bannerImgs a img{
       display:block;
       margin:0 auto;
       	}
       	.logoContainer{
                padding-top:10px;
                margin:0 auto;
                width:240px;
                height:100px;
                  				}

#officeSupplies H4{text-align:center;}
}




/***** Larger than tablet *****/
/***** Larger than tablet *****/
/***** Larger than tablet *****/
/***** Larger than tablet *****/
/***** Larger than tablet *****/




@media (min-width: 609px) {

  .sash {
   display: block;
   z-index: 9999;
   position: fixed;
   right: 0;
   top: 0;
   height: 250px;
   width: 250px;
   background-image:url('../images/comingsoon.svg') no-repeat;
}


  

  .landing-p{font-size:2rem !important;}

  .hero{min-height:364px!important;
        min-width:100%;
       }
       .brand-header{ font-size:4rem !important;}

#regionMap{
	display:block !important;
}



	#officeSupplies H4{
		margin:10px 10px 0px 10px;
	}

	 #responsive{
	 	height:167px;
    width:330px;
  }
  .bannerImgs{
    margin-top:6em;
  }
  .bannerImgs a img
       	{
          margin-left:20%;
       		margin-right:50%;
       		}
   .logoContainer{
          padding-top:10px;
          margin:0 auto;
          width:330px;
          height:145px;
                  				}
  #browserPara P{
    margin-left:25%;
  }





}

/****** Larger than desktop ******/
@media (min-width: 1000px) {
	#contentHighlight{
		height:65px !important;
	}
	.bannerImgs{
    margin-top:6em;
  }
  .bannerImgs a img{
    margin-left:50%;
       		}
#browserPara P{
  margin-left:40%;
}


}

/****** Larger than Desktop HD ******/
@media (min-width: 1200px) {

	.hero{min-height:368px;
	}
}