.zoomtracker {
	margin-top: -10px;
}

#wf a 
{
	

	text-decoration: underline;
	color: #fff;
	
}

#wf a:hover 
{
	
	color: #fff;
	text-decoration: none;
	
}  
  
  @media (max-width:3000px)
{
#wf h1 {
	font-size: 70px;
	font-family: 'Roboto', serif;
	font-weight: 900;
	color: #fff;
	margin: auto;
	line-height: 90px;
	text-align: left;
	text-transform: uppercase;;
  }
  

.2 {
	font-size: 90px;
	
  }
  
.3 {
	font-size: 140px;
	
  }
  
#wf h2 {
	font-size: 35px;
	font-family: 'Roboto';
	font-weight: 300;
	color: #fff;
	
	margin: auto;
	line-height: 42px;
  }
  
  #wf h3 {
	font-size: 35px;
	font-family: 'Roboto';
	font-weight: 900;
	color: #fff;
	margin-bottom: 0px;
	line-height: 42px;

  }
  
#wf p {
	font-size: 17px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #fff;
	padding: 5px 0px;
	line-height: 28px;
  }
  
#wf .700i {
	font-size: 17px;
	color: #fff;
	font-weight: 700;
	font-family: 'Lato';
	font-style: italic;

  }
  
#wf .sub_box .to_category {
    height: 30px;
    padding: 10px 0 0;
}

.wfimgRight {
	
	float: right;
	
  }
  
  .wfimgMug {
	
	float: right;
	
  }
  
  .wfimgLeft {
	
	float: left;
	
  }

#wf .inset {  position: relative; top: 50%; width:50%; max-width:300px;text-align:left; padding: 20px 20px; margin: 5px 0px -300px 5px; left: 50%; background-color:#979b89;}
#wf .subcategory_area {padding: 16px 0px;}
#wf .subcategory_area h2, .mainContent h2, .home_user_area h2 {font-size: 30px; line-height: 32px; padding-bottom: 16px;}
#wf .subcategory_area p, .mainContent p.subheading, .home_user_area p {font: 18px/25px 'robotoregular'; color: #484848;}
#wf .subcategory_wraper {padding-top: 21px;}

#wf .sub_box {width: 170px; height: 159px; border: 0px solid #dedede; position: relative; display: inline-block; text-align: center; overflow: hidden; margin: 0px 4px 10px; box-shadow: 2px 2px 2px #000;}
#wf .sub_box .to_category {height: 42px; padding: 20px 0 0;}
#wf .sub_box:hover .hover_style {display: block;}
#wf .sub_box img {width: 100%;}

}

  @media (max-width:588px)
{

.wfimgMug {
	display: block;
	float: none;
	text-align: center;
	width: 300px !important;
	height: auto !important;
	
  }

.wfimgRight {
	display: block;
	float: none;
	text-align: center;
	
  }
  
  .wfimgLeft {
	display: block;
	float: none;
	text-align: center;
	
  }
  

 #wf h1 {
	font-size: 22px !important;
	font-family: 'Roboto';
	font-weight: 900;
	color: #fff;
	margin: auto;
	line-height: 48px;
	padding: 0px 10px;
	text-transform: uppercase;
  }
  
  #wf p {
	font-size: 18px;
	font-family: 'Roboto';
	font-weight: 300;
	color: #fff;
	padding: 5px 10px;
  }
  
  #wf h2 {
	font-size: 16px;
	font-family: 'Roboto';
	font-weight: 300;
	color: #fff;
	
	margin: auto;
	line-height: 32px;
	padding: 0px 10px;
  }
  
    #wf h3 {
	font-size: 22px;
	font-family: 'Roboto';
	font-weight: 900;
	color: #fff;
	margin-bottom: 0px;
	line-height: 32px;
	padding: 0px 10px;

  }
  
#wf .inset { 
	width: 100%;
	text-align: left;
	padding: 20px 10px;
	background-color: #979b89;
	float: none;
	margin: 0;
	max-width: 100%;
	left: 0;
	display: block;
	top: 100%;
	position: relative;

}
}

ul#boxeswf,
ul#boxeswf li
{
	/* Setting a common base */
	margin: 0;
	padding: 0;
}

ul#boxeswf li 
{
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	margin: 10px 3%;
	width: 220px;
	min-height: 280px;
	vertical-align: top;
	background-image: url(/images/features/westernFront/wfulbg.png);
	background-repeat:no-repeat;
	
}

ul#boxeswf p 
{

	font-family: 'Kreon', serif;
	font-size: 14px;
	color: #432d17;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

}

ul#boxeswf a 
{
	

	text-decoration: underline;
	color: #fff;
	
}

ul#boxeswf a:hover 
{
	
	color: #fff;
	text-decoration: none;
	
}


ul#boxeswf h3 
{
	color: #FFFFFF;
	font-family: 'Droid Serif', serif;
	font-size: 17px;
	font-weight: 700;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:3px;
	padding-right:6px;
	min-height: 82px;
	text-transform: none;

}

#gw h3.brown 
{
	color: #ffffff;
	font-family: 'Kreon', serif;
	font-size: 17px;
	font-weight: 700;
	padding-bottom:2px;
	padding-top:5px;
	padding-left:10px;
	padding-right:6px;
	min-height: 30px;
	overflow:hidden;
	background-image: url(/images/features/gw/gwh3Brownbg.png);
	text-transform: none;
}