/*--testing styles--*/

.test{
	border-style: solid;
    border-width: 1px;
	border-color: #C00;	
}

	  
/*--General Styling--*/

body{
	background-color: #ffffff;
	font-family: 'Open Sans', serif;
}
.centered {
    text-align: center;
}
.vertical-align {
    display: flex;
    align-items: center;
}
/*--Eyebrow--*/

.eyebrow{
    background-color: #794087;
	font-size :18px;
    color: #FFF;
	padding: 7px;
}
.eyebrow a{
    color: #FFF;
}
.eyebrow a:hover{
    color: #257604;
	text-decoration:none;
}

/*--Navigation Custom Setting--*/

.navbar{
	margin-bottom: -20px;
	}
.navbar-brand {
  padding: 0px;
  height: 75px;
}
.navbar-brand>img {
  height: 100%;
  padding: 7px 5px 7px 0px;
  width: auto; 
}
.navbar li a {
	font-size: 30px;
	padding: 25px;
	}
.navbar-default { background-color: #FFFFFF}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #FFFFFF}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA}
.navbar-default { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-default { border-color: #FFFFFF}
.navbar-default .navbar-brand { color: #794087}
.navbar-default .navbar-brand:hover { color: #257604}
.navbar-default .navbar-nav>li>a { color: #000000}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #257604}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #000000}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #794087}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

	
/*--Hero Wrap--*/

.herowrap {
	background-image:url(../images/CenterImageXL.jpg);
	background-attachment: relative;
	background-position: center center;
	min-height: 684px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*--Herobar--*/

.herobar h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	color: black;
}

.herobar h3 {
	text-align: center;
	line-height: 50px;
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 25px;
	font-weight: bold;
	color: black;
}

.herobar a{
   background-color: #794087;
   color: #fff;
   padding: 10px 30px 10px 30px;
   /*border-radius: 10px;*/
}

.herobar a:hover{
    color: #257604;
	text-decoration:none;
}
/*--Special Offer--*/

.specialoffer h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	text-align: center;
	font-size: 35px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer h3 {
	text-align: center;
	/*line-height: 50px;*/
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 25px;
	padding-bottom: 20px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer a{
   background-color: #794087;
   color: #fff;
   padding: 10px 30px 10px 30px;
   margin: 20px;
   /*border-radius: 10px;*/
}

.specialoffer a:hover{
    color: #257604;
	text-decoration:none;
}

.specialoffer img{
   padding: 10px 30px 10px 30px;
}
.specialoffer hr{
	color: #794087 ;
	background-color: #794087;
	height: 5px;
}


/*--Call to Action--*/

.calltoaction{
	padding-top: 10px;
}

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 600px;
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	/*min-width: 400px;
	max-width: 600px;
	max-height: 600px;
	width: 48%;
	height: auto;*/
	background: #257604;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	color: #DDDFE2;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 1;
}

.grid figure h2 {
	/*word-spacing: -0.15em;*/
	font-weight: 800;
	background-color: #000;
	opacity: .85;
}

.grid figure h2,
.grid figure p {
	margin: 0px;
	
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-jump {
	background: #257604;
}

figure.effect-jump img,
figure.effect-jump h2 {
	-webkit-transition: -webkit-transform 0.30s;
	transition: transform 0.30s;
}

figure.effect-jump img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-jump h2,
figure.effect-jump p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 25px;
	padding: 10px;
}

figure.effect-jump p {
	text-transform: none;
	font-size: 90%;
	opacity: 1;
	-webkit-transition: opacity 0.30s, -webkit-transform 0.30s;
	transition: opacity 0.30s, transform 0.30s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-jump:hover img {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
}

figure.effect-jump:hover h2 {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
}

figure.effect-jump:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*--Quotes--*/

.quotes{
	padding: 20px;
}

/*--Appbar--*/

.appbar{
	padding-bottom: 20px;
}

/*--Socialize--*/

.socialize{
	background-color: #794087;
	font-size: 20px;
	color:#ffffff;
    height: 140px;
}
.socialize h3{
	font-size: 30px;
	color:#ffffff;		
}
#social-fb {
     color: #FFFFFF;
 }
#social-fb:hover {
     color: #257604;
 }
#social-tw {
     color: #FFFFFF;
 }
#social-tw:hover {
     color: #257604;
 }
#social-in {
     color: #FFFFFF;
 }
#social-in:hover {
     color: #257604;
 }
#social-pi {
     color: #FFFFFF;
 }
#social-pi:hover {
     color: #257604;
 }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*--Footer--*/

.footer{
    background-color: #79808E;
	padding-bottom: 18px;
}
.footer h2{
	margin: 0px;
	padding-top: 10px;
}
.footer a{
	color: #000;
	font-size:18px;
}
.footer a:hover{
	text-decoration:none;
	color: #794087;
}
.fa-leaf{
	color: #257604;
}
hr.linestyle{
	border-top: 3px solid #000;
	width: 100%;
	margin: 10px 0px 10px 0px;
}
/*--Heel--*/

.heel{
    background-color: #000; 
	font-size: 12px;
	padding: 10px 0px;
    height: auto;
	color:#FFFFFF;	
}
/*------ Locator --------*/
.locate{
	margin-top: 20px;
	margin-bottom: 20px;	
}
.locate h4{
	padding-top: 15px;	
}


/*--Host, Join, Shop, Search & About you/us Pages--*/

.aboutus{
	margin: 20px 0 px;
}
.title{
	font-family: 'Arsenal', sans-serif;
}
.title h1{
	font-size:50px;
}
.hostbody hr { 
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 
.hostbody h1{
	font-weight:bold;
}
.hostbody h2{
	font-family: 'Arsenal', sans-serif;
	font-weight:bold;	
}
.hostbody h3{
	line-height: 1.20;
	font-size: 30px;
}
.hostbutton h3 {
	text-align: center;
	line-height: 60px;
	font-size: 35px;
	/*font-weight: bold;*/
	color: black;
}
.hostbutton a{
   background-color: #794087;
   color: #fff;
   padding: 10px 30px 10px 30px;
   /*border-radius: 10px;*/
}
.hostbutton a:hover{
    color: #257604;
	text-decoration:none;
}
.hostbutton{
	padding-top: 35px;
	padding-bottom: 35px;
}
.joinheader h1 h2 h3{
	margin: 10px;
}
.joincall{
	margin-top: 25px;
}
.joincall img{
	padding-bottom: 10px;
}
.joincall h1{
	margin-top: 5px;
}
.joinkit h3{
	margin: 10px;
}
.joinbody h3{
	margin: 5px;
}
.joinbody h2{
	background-color: #99CC33;
	padding: 5px;
}
.padb{
	padding-top: 9px;
}
.padc{
	padding-top: 18px;
}
.fitin{
	margin-top: 15px;
	margin-bottom: 15px;
}
.fitin h1{
	margin: 10px;
}
.fitinbody hr{
	margin-top: 3px;
	margin-bottom: 3px;
	border-top-color: #000;
}
.well{
	height: 750px;
}
.bkgd{
	background-color: #C3D9BA;
	margin-left: 10px;
	margin-right: 10px;
	border-color: #000;
	border-style: solid;
	border-width: thin;
}
.joinbody img{
	padding-top: 10px;
}
.shop{
	margin-top: 20px;
	margin-bottom: 20px;	
}
.shop h4{
	padding-top: 15px;	
}
.shop h1{
	margin-top: 0px;	
}
.shop p{
	font-size: 10px;
}
.shop a{
	color: #257604;
}
.shopbtn{
	line-height: 35px;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.shopbtn a{
    padding: 5px 15px 5px 15px;
    color: #257604;
	text-decoration:none;
	background-color: #fff;
	border-color: #257604;
	border-style: solid;
	border-width: thin;
}
.shopbtn a:hover{
	background-color: #794087;
    color: #fff;
}
.joinbtn{
	line-height: 50px;
	font-size: 24px;
}
.joinbtn a{
    padding: 5px 15px 5px 15px;
    color: #257604;
	text-decoration:none;
	background-color: #fff;
	border-color: #257604;
	border-style: solid;
	border-width: thin;
}
.joinbtn a:hover{
	background-color: #794087;
    color: #fff;
}
.benefits{
	margin-top: 10px;
	background-color:#DDDFE2;
}
.benefits h2{
	margin-top: 15px;	
}
.benefits h4{
	margin: 22px 0px;	
}
.locate a{
	color: #257604;
}

/*--Terms of use--*/
.terms p{
	padding-top: 17px;
	padding-bottom: 5px;
}
/*--contact form--*/

.contact h1{
    margin-bottom: 40px;
}
.contactinfo{
	padding-bottom: 20px;
}
.contactinfo h3{
    margin: 5px;
}
label {
    color: #333;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
/*--Timer App Page--*/

.timerapp{
	margin-bottom: 20px;
}
/*--About Us Page--*/

.aboutus{
	margin: 20px;
}
.aboutus img{
	margin-top: 15px;
	margin-bottom: 15px;
}
.aboutus h1{
	font-size: 55px;
}
.aboutus h2{
	font-size: 42px;
}
.aboutus h3{
	font-size: 28px;
}

/*--Specials--*/
.specials{
 	padding-bottom: 15px;
}
.specials img{
	border-style: solid;
	border-width: thin;
	border-color: #000;
	margin-top: 15px;
	margin-bottom: 15px;
}
.specbutton a{
   background-color: #794087;
   color: #fff;
   padding: 10px 30px 10px 30px;
}
.specbutton a:hover{
    color: #257604;
	text-decoration:none;
}
.specbutton{
	padding-top: 10px;
	padding-bottom: 18px;
}
/*--Recipe Pages--*/

.recipemenu{
    margin-top: 15px;
	margin-bottom: 15px;
	height: 400px;
}
.recipemenu h1{
	font-size: 60px;
	font-weight: bold;
}
.cutout{
	border-style: dashed;
    border-width: 1px;
	border-color: #000;
	margin-top: 15px;
	margin-bottom: 15px;	
}
.recipe img{
    margin-top: 15px;
	margin-bottom: 15px;
}

/*--Products Pages--*/

.breadnav{
	padding-top: 20px;
	padding-bottom: 0px;
}
.breadcrumb{
	background-color: #FFF;
	font-size: 18px;
	margin-top: 15px;
}
.breadcrumb a{
	color: #257604;
}
.buybtn{
	line-height: 35px;
	font-size: 17px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.buybtn a{
    padding: 10px 20px 10px 20px;
    color: #257604;
	text-decoration:none;
	background-color: #fff;
	border-color: #257604;
	border-style: solid;
	border-width: thin;
}
.buybtn a:hover{
	background-color: #794087;
    color: #fff;
}
.proddetails h1{
	font-size: 48px;
}
.proddetails h2{
	text-align: center;
	font-size: 20px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
.proddetails p{
	font-size: 15px;
}
.proddetails img{
	padding-bottom: 20px;
}
.space{
	padding: 10px 0px;
}
.steeping{
	background-color: #DDDFE2;
}
.steeping h1{
	font-size: 48px;
}
.steeping p{
	font-size: 18px;
	margin-bottom: 30px;
}
.steeping a{
	color: #257604;
}
.mixing{
	background-color: #DDDFE2;
}
.mixing h1{
	font-size: 48px;
}
.mixing h2{
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #fff;
	border-color: #000;
	border-style: solid;
	border-width: thin;
}
.mixing p{
	font-size: 20px;
	margin-bottom: 15px;
}
.mixing a{
	color: #257604;
}
.productlist a{
	margin: 5px;
}
.productlist h1{
	font-size: 55px;
}
.menulist h3{
	margin-top: 10px;
	margin-bottom: 20px;
}
.menulist a{
	color: #000;
	text-decoration: none;
} 
.menulist a:hover{
	color: #257604;
	text-decoration: none;
} 



.img-rotation{
    -webkit-animation:spin 1000s linear infinite;
    -moz-animation:spin 1000s linear infinite;
    animation:spin 1000s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*------------Training Area----------------*/

.logoarea{
	padding-top: 10px;
	padding-bottom: 10px;
}
.logoarea h1{
	font-size: 50px;
}
.tquicklinks{
    background-color: #DDDFE2;
    color: #FFF;
	padding-bottom: 15px;
}
.tquicklinks h1{
    color: #000;
}
.tquicklinks h3{
    color: #794087;
	padding: 6px;
	margin: 4px;
}
.tquicklinks a{
    color: #000;
	font-size:24px;
}
.tquicklinks a:hover{
    color: #fff;
	text-decoration:none;
}
.trainpic{
	padding-top: 20px;
	padding-bottom: 20px;
}
.qlinkbox{
	border-style:solid;
	border-width: 1px;
	border-color: #257604;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.qlinkbox:hover{
	background-color:gray;    
	-webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}
.traincontent li{
	font-size: 20px;
    color: #000;
	padding: 6px;	
}
.traincontent a{
    color: #257604;	
}
.faq{
    background-color: #fff;
	padding-bottom: 18px;
}
.faq h2{
	margin: 0px;
	padding-top: 10px;
}
.faq a{
	color: #000;
	font-size:18px;
}
.faq a:hover{
	text-decoration:none;
	color: #794087;
}

.fa-star{
	color: #257604;
}
.left {
    text-align: left;
}
/*----------------------Media Queries-----------------------*/

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.grid figure figcaption {
	font-size: 14px;
}
.specials h5 {
	font-size: 11px;
}
.shopbtn{
	line-height: 25px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.buybtn{
	line-height: 25px;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*-----Join Page-----*/
.benetext h2{
	font-size: 24px;
}
.benetext h4{
	font-size: 14px;
}
.well{
	height: 950px;
}
.joinbtn{
	line-height: 50px;
	font-size: 20px;
}
.joinkit h3{
	margin: 7px;
	font-size: 16px;
}
.proddetails h1{
	font-size: 40px;
}
.proddetails h2{
	font-size: 15px;
	margin: 2px 0px 2px 0px;
}
.aboutus h1{
	font-size:45px;
}
.aboutus h2{
	font-size:35px;
}
.aboutus h3{
	font-size: 22px;
}
/*--Special Offer--*/

.specialoffer h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	text-align: center;
	font-size: 25px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer h3 {
	text-align: center;
	/*line-height: 50px;*/
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 15px;
	padding-bottom: 20px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer a{
   background-color: #794087;
   color: #fff;
   font-size: 15px;
   padding: 10px 30px 10px 30px;
   margin: 20px;
   /*border-radius: 10px;*/
}

.specialoffer a:hover{
    color: #257604;
	text-decoration:none;
}

.specialoffer img{
   padding: 10px 10px 10px 10px;
}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.herowrap {
	background-image:url(../images/CenterImageMED.jpg);
	background-attachment: relative;
	background-position: center center;
	min-height: 684px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contact h1{
	font-size: 28px;
    margin-bottom: 20px;
}
.hostbutton{
	padding-top: 10px;
	padding-bottom: 10px;
}
.shop h1{
	margin-top: 15px;	
}
.shopbtn{
	line-height: 45px;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cutout{
	margin-left: 15px;
	margin-right: 15px;	
}
.well{
	height: 615px;
}
.proddetails h1{
	font-size: 40px;
	text-align: center;
}
.aboutus h1{
	font-size:35px;
}
.aboutus h2{
	font-size:25px;
}
.aboutus h3{
	font-size: 20px;
}
.buybtn{
	margin-top: 30px;
	margin-bottom: 30px;
}

.logoarea{
	padding-top: 7px;
	padding-bottom: 3px;
}

.logoarea h1{
	font-size: 40px;
}
/*--Special Offer--*/

.specialoffer h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	text-align: center;
	font-size: 25px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer h3 {
	text-align: center;
	/*line-height: 50px;*/
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 15px;
	padding-bottom: 20px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer a{
   background-color: #794087;
   color: #fff;
   font-size: 12px;
   padding: 10px 10px 10px 10px;
   margin: 20px;
   /*border-radius: 10px;*/
}

.specialoffer a:hover{
    color: #257604;
	text-decoration:none;
}

.specialoffer img{
   padding: 10px 10px 10px 10px;
}

}

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {
.navbar-brand>img {
  padding: 7px 5px 7px 7px;
}
.herowrap {
	background-image:url(../images/CenterImageSM.jpg);
	background-attachment: relative;
	background-position: center center;
	min-height: 630px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hostbutton h3 {
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	/*font-weight: bold;*/
	color: black;
}

.hostbutton a{
   background-color: #794087;
   color: #fff;
   padding: 10px;
   /*border-radius: 4px;*/
}
.hostbutton{
	padding-top: 10px;
	padding-bottom: 10px;
}
.hostbody h3{
	line-height: 1.1;
	font-size: 22px;
	padding-left: 20px;
	padding-right: 20px;
}
.contact h1{
	font-size: 20px;
	margin-bottom: 10px;
}
.shop h1{
	margin-top: 15px;	
}
.shopbtn{
	line-height: 45px;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cutout{
	margin-left: 15px;
	margin-right: 15px;	
}
.well{
	height: 700px;
}
.proddetails h1{
	font-size: 35px;
	text-align: center;
}
.row.vertical-align {
    display: block; /* Turn off the flexible box layout */
}
.aboutus h1{
	font-size:35px;
}
.aboutus h2{
	font-size:25px;
}
.aboutus h3{
	font-size: 18px;
}
.buybtn{
	margin-top: 30px;
	margin-bottom: 30px;
}
.logoarea{
	padding-top: 6px;
	padding-bottom: 2px;
}

.logoarea h1{
	font-size: 30px;
}
/*--Special Offer--*/

.specialoffer h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	text-align: center;
	font-size: 30px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer h3 {
	text-align: center;
	/*line-height: 50px;*/
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 20px;
	padding-bottom: 10px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer a{
   background-color: #794087;
   color: #fff;
   padding: 10px 30px 10px 30px;
   margin: 20px;
   /*border-radius: 10px;*/
}

.specialoffer a:hover{
    color: #257604;
	text-decoration:none;
}

.specialoffer img{
   padding: 10px 10px 10px 10px;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.eyebrow{
	font-size: 14px;
	padding: 8px;
}
.navbar-brand>img {
  padding: 7px 5px 7px 7px;
}
.herowrap {
	background-image:url(../images/CenterImageXS.jpg);
	background-attachment: relative;
	background-position: center center;
	min-height: 465px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.herobar h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 25px;
}
.herobar h3 {
	line-height: 30px;
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 15px;
}
.herobar a{
   padding: 8px 20px 8px 20px;
   /*border-radius: 6px;*/
}
.grid figure figcaption {
	font-size: 1em;
}
.socialize h3{
	font-size: 20px;	
}
.hostbutton h3 {
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	/*font-weight: bold;*/
	color: black;
}

.hostbutton a{
   background-color: #794087;
   color: #fff;
   padding: 10px;
   /*border-radius: 4px;*/
}
.hostbutton{
	padding-top: 10px;
	padding-bottom: 10px;
}
.hostbody h3{
	line-height: 1.1;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
.contact h1{
	font-size: 16px;
	margin-bottom: 10px;
}
.shop h1{
	margin-top: 15px;	
}
.shopbtn{
	line-height: 45px;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cutout{
	margin-left: 15px;
	margin-right: 15px;	
}
.breadcrumb{
	font-size: 12px;
}
.proddetails h1{
	font-size: 25px;
	text-align: center;
}
.row.vertical-align {
    display: block; /* Turn off the flexible box layout */
}
.aboutus h1{
	font-size:35px;
}
.aboutus h2{
	font-size:25px;
}
.aboutus h3{
	font-size: 18px;
}
.buybtn{
	margin-top: 30px;
	margin-bottom: 30px;
}
.logoarea{
	padding-top: 5px;
	padding-bottom: 2px;
}

.logoarea h1{
	font-size: 28px;
}
/*--Special Offer--*/

.specialoffer h1 {
	/*font-family: 'Shadows Into Light Two', cursive;*/
	text-align: center;
	font-size: 20px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer h3 {
	text-align: center;
	/*line-height: 50px;*/
	/*font-family: 'Shadows Into Light Two', cursive;*/
	font-size: 15px;
	padding-bottom: 10px;
	/*font-weight: bold;*/
	color: black;
}

.specialoffer a{
   background-color: #794087;
   color: #fff;
   	font-size: 10px;
   padding: 10px 10px 10px 10px;
   margin-bottom:25px;
   	text-decoration:none;
   /*border-radius: 10px;*/
}

.specialoffer a:hover{
    color: #257604;
	text-decoration:none;
}

.specialoffer img{
   padding: 10px 10px 10px 10px;
}
}