/*Grid images*/
.call-to-actions {
  text-align: center;
}

.call-to-actions .hoverGrid {
    display: block;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
    margin-bottom: 20px;
}

.call-to-actions img {
  display: block;
  height: auto;
  max-width: 100%;
}

.call-to-actions .hoverImg {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.call-to-actions .hoverText {
  background: rgba(0,0,0,0.8);
  color: white;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}



.call-to-actions .hoverText p {
  display: table-cell;
  font-size: 1.5em;
  position: relative;
  top: -40px;
  width: 100%;
  vertical-align: middle;
}

/*Show Text on Hover*/
.call-to-actions .hoverGrid:hover .hoverText {
  opacity: 1;
}

.hoverTitle{
      background: none repeat scroll 0 0 transparent;
      bottom: 0px;
      color: #ffffff;
      font-family: "Open Sans",​Helvetica,​Arial,​sans-serif;
      font-size: 36px;
      font-weight: 600;
      line-height: 1.5em;
      padding: 7px 9px 6px;
      position: absolute;
      text-align: center;
      width: 90%;
      max-width: 450px;
      transition: all 0.5s ease-in 0s;
      text-shadow:0 2px 8px rgba(0, 0, 0, 1);
      z-index: 100;
      top: 35%;
  }

/*Img Zoom*/
.call-to-actions img {
  display: block;
  height: auto;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  max-width: 100%;
  width: 100%;
}
 
.call-to-actions .hoverGrid:hover img {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  transform: scale(1.4);
}

.call-to-actions h3 {
    color: #083d77;
    margin-bottom: 20px;
}

/*Drop In Text*/
.call-to-actions .hoverText p {
  display: block;
  position: relative;
  top: -20px;
  width: 100%;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  vertical-align: middle;
  padding: 5% 10%;
  text-align: left;
  font-weight: 500;
}

.call-to-actions .hoverGrid:hover .hoverText p {
  -moz-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}

/*Fade in Caption*/
.call-to-actions .hoverText {
  background: rgba(8,61,119,0.9);
  color: white;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
  z-index: 100;
}