#main{background:#222;}

/*slideshow*/
.flexslider{background:none !important; border:none !important;}
.flex-caption{font-size:1.5em;}

.promoImage{position:absolute; top:10px; right:10px; z-index:1000;}

/* hpButtons */
.hpButtons{

}
ul.block-grid li{margin-bottom:0px;}
a.grad-btn {
  color: #FFF;
  display: block;
}

a.grad-btn span {
  margin-bottom: 0;
  display: none;
}


/*seo text area*/
.seoWelcomeText {color: #fff;}
.seoWelcomeText h3 {color: #fff; text-align:center; font-size:2em; line-height:2em;}
.seoWelcomeText p {margin:10px auto; color:#fff;}


@media only screen and (max-width: 800px) {
  /* anything below 800px */
  a.grad-btn {
    margin-bottom:4px;
  }
  a.grad-btn span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
  }
}


@media only screen and (max-width: 767px) {
  /* anything below 767px */
    
  a.grad-btn span {
    display:block;
	font-size: 2.0em;
    line-height: 2.5em;
    border: 2px solid #000;
    text-align: center;
    background: #555555; /* Old browsers */
    background: -moz-linear-gradient(top,  #006699 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006699), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #006699 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #006699 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #006699 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #006699 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  }
  a.grad-btn img { display: none; }
  a.grad-btn:hover { color:#FF0;}
  
@media only screen and (max-width: 320px) {
  /* anything below 320px */
  a.grad-btn span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}