.wrap {
  width: 100%; /* fixed width, centered in viewport */
  position: relative;
	margin-bottom: 0px;
	overflow-x: hidden;

}


#showcase {
      height: 620px;
      overflow: visible !important;
	 overflow-x: hidden;
	
}
@media (max-width: 992px) {
#showcase {
	display: inline-block;
    height:590px;
	width: 65%;
	margin-left: 17.5%;

}
	
}
#showcase img {
  
}



  .card {
      width: 400px;
      padding: 12px;
      text-align: center;
     
      border-radius: 12px;
    }
@media (max-width: 992px) {

	   .card {  width: 300px;    }
}
@media (max-width: 580px) {
	   .card {  width: 89%;    }
}
.card img {width:100%;height: auto; margin-bottom: 10px}

    .card h2 {
      margin: 0 0 7px 0; font-size: 28px; color:#fff;
    }
@media (max-width: 580px) {
    .card h2 {
      margin: 0 0 7px 0; font-size: 20px; color:#fff;
    }
}
    .card a {
      font-size: 15px;
      display: block;
	  padding: 5px 10px;
	  color: #fff; background: #e47a30; border-radius: 30px; display: inline-block;
    }
    .card p {
      font-size: 16px;
		color: #fff;
		line-height: 24px;
    }
@media (max-width: 580px) {
    .card p {
      font-size: 14.5px;
		color: #fff;
    }	
}
   .wrap  .nav {
      width: 64px;
      height: 134px;
      color: #5ac0a9;
      font: bold 3em "Lucida Grande";
      text-align: center;
      text-shadow: 0px 1px 0px #f5f5f5;
  
 	line-height: 115px;
      border: #fff;
      cursor: pointer;
      position: absolute;
      top: 33%;
	   z-index: 998;
    }
.wrap .nav:focus { border: #fff;}
@media (max-width: 992px) {
	.wrap  .nav {   width: 32px;height: 67px; font: bold 1.5em "Lucida Grande"; }
}
    .wrap .nav:active,
    .wrap .nav.down {
   color: #00554B;
    }
    .wrap .nav.left {
      left: -5px;
      -webkit-border-radius: 12px 5px 5px 12px;
      -moz-border-radius: 12px 5px 5px 12px;
      border-radius: 12px 5px 5px 12px;
		
    }
    .wrap .nav.right {
      right: -30px;
      -webkit-border-radius: 5px 12px 12px 5px;
      -moz-border-radius: 5px 12px 12px 5px;
      border-radius: 5px 12px 12px 5px;
    }
@media (max-width: 992px) {
	.wrap .nav.left { left: -2px;}
	    .wrap .nav.right { right: -17px;}
}