@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Montserrat:400,700";
/*
@mixin mobile {
    @media only screen and (max-width: $S) { @content; }
}

@mixin tablet {
    @media only screen and (min-width: $M) and (max-width: 1023px) { @content; }
}

@mixin all_mobile {
    @media only screen and (max-width: 425px) { @content; }
}

// super light grid - it works with the .cd-container class inside style.scss

@mixin column($percentage, $float-direction:left) {
width: 100% * $percentage;
float: $float-direction;
}*/
.main-container {
  background-image: url("../images/facts-figures/henry-sy-bg.jpg");
  background-position: bottom; }

.inner-page-section .fa {
  display: block;
  text-align: center; }
  .inner-page-section .fa:first-child {
    margin-top: 2rem; }

.image-text {
  background-color: #fff; }
  .image-text p {
    text-align: center; }
  .image-text .dlsu-block {
    width: 100%;
    max-width: 800px;
    display: block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    margin: 2rem auto;
    background: #fff;
    z-index: 7;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 1024px) {
      .image-text .dlsu-block {
        display: inline-block;
        max-width: 400px;
        margin: 2rem; } }
    @media only screen and (min-width: 1200px) {
      .image-text .dlsu-block {
        max-width: 500px; } }
    .image-text .dlsu-block .overlay-darker {
      z-index: 8;
      opacity: .5;
      background: #474747;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    .image-text .dlsu-block .overlay {
      background: #fff;
      opacity: 1;
      z-index: 9;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .image-text .dlsu-block .dlsu-text {
      position: relative;
      padding: 2rem;
      display: table-cell;
      vertical-align: middle;
      border: 2px #00713d solid;
      height: 250px;
      z-index: 10;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .image-text .dlsu-block .dlsu-text:hover, .image-text .dlsu-block .dlsu-text:focus {
        border: 2px #fff solid; }
      @media only screen and (min-width: 728px) and (max-width: 1200px) {
        .image-text .dlsu-block .dlsu-text {
          height: 320px; } }
    .image-text .dlsu-block:hover .overlay, .image-text .dlsu-block:focus .overlay {
      opacity: 0;
      z-index: 9; }
    .image-text .dlsu-block:hover p, .image-text .dlsu-block:focus p {
      color: #fff; }

.with-background {
  background-image: url("../images/facts-figures/henry-sy-section-bg.jpg"); }
  .with-background .col-md-10 {
    padding-left: 0 !important; }

.with-background-two {
  background-image: url("../images/facts-figures/henry-sy-section-bg-b.jpg");
  background-position: center; }

/*# sourceMappingURL=fnf-henry-sy.css.map */