.featured .tran {
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

 /* IE 5-7 */
  filter: alpha(opacity=80);

 /* Netscape */
  -moz-opacity: 0.8;

 /* Safari 1.x */
  -khtml-opacity: 0.8;

 /* Good browsers */
  opacity: .8;
 width: 100%;
 height: 30%;
 position: absolute;
 top: 35%;
 text-align: center;
 min-height: 200px;
 right: 20%;
}

.featured .tran h1 {
 color: #FFF;
 font-size: 4em;
 position: relative;
 top: 20px;
 font-weight: bold;
}

.featured .tran h2 {
 color: #FFF;
 text-transform: uppercase;
 font-size: 35px;
 position: relative;
 top: 25px;
}

@media (min-width: 1350px) {
.featured .tran h1 {
 font-size: 5.5em;
 top: 25px;
}

.featured .tran h2 {
 font-size: 35px;
 top: 30px;
}
}

@media (min-width: 1175px) and (max-width: 1349px) {
.featured .tran h1 {
 font-size: 4em;
 top: 20px;
}

.featured .tran h2 {
 font-size: 30px;
 top: 25px;
}
}

@media (min-width: 1025px) and (max-width: 1174px) {
.featured .tran h1 {
 font-size: 4em;
 top: 20px;
}

.featured .tran h2 {
 font-size: 25px;
 top: 25px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.featured .tran h1 {
 font-size: 3.5em;
 top: 10px;
}

.featured .tran h2 {
 font-size: 20px;
 top: 12px;
}

.featured .tran {
 right: 22%;
}
}

@media (max-width: 767px) {
.featured .tran h1 {
 font-size: 4em;
 top: 10px;
}

.featured .tran h2 {
 font-size: 35px;
 top: 15px;
 padding-left: 1%;
 padding-right: 1%;
}

.featured .tran {
 right: 0%;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

 /* IE 5-7 */
  filter: alpha(opacity=80);

 /* Netscape */
  -moz-opacity: 0.8;

 /* Safari 1.x */
  -khtml-opacity: 0.8;

 /* Good browsers */ 
  opacity: .8;
  
 background-color: #3e860f;
 top: 25%;
}
}

@media (max-width: 480px) {
.featured .tran {
 top: 15%;
 height: 220px;
}

.featured .tran h1 {
 color: #FFF;
 font-size: 40px;
 position: relative;
 top: 0px;
}

.featured .tran h2 {
 color: #FFF;
 text-transform: uppercase;
 font-size: 30px;
 position: relative;
 top: 3px;
}
}


.quote-left {
  display: block;
  height: 56px;
  width: 70px;
  background: url('../images/quote_left.png');
  position: absolute;
  margin-left: -58px;
  top: -8px;
}

.quote-right {
  display: block;
  height: 56px;
  width: 70px;
  background: url('../images/quote_right.png');
  position: absolute;
  bottom: 66px;
  margin-left: 346px;
}