@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/university-life/faculty-bg.jpg"); }
  @media only screen and (min-width: 768px) {
    .main-container {
      background-position: center -5rem; } }
  @media only screen and (min-width: 1920px) {
    .main-container {
      background-position: 0 -10rem; } }

.section-two span {
  font-style: italic;
  color: #fff; }

.image-text {
  background-color: #fff; }
  .image-text p {
    text-align: center; }
  .image-text .dlsu-block {
    width: 100%;
    display: block;
    text-align: center;
    min-height: 250px;
    vertical-align: middle;
    padding: 0;
    margin: 1rem 0;
    background: #fff;
    border: 2px #e8e8e8 solid;
    z-index: 7;
    position: relative;
    background-size: cover;
    background-position: center 0;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .image-text .dlsu-block {
        display: inline-block;
        width: 217px;
        margin: 10px; } }
    @media only screen and (min-width: 992px) {
      .image-text .dlsu-block {
        width: 280px;
        margin: 15px; } }
    @media only screen and (min-width: 1200px) {
      .image-text .dlsu-block {
        width: 350px;
        padding: 40px;
        margin: 0.8rem; } }
    .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;
      margin-top: 4.5rem;
      z-index: 10; }
      .image-text .dlsu-block > .dlsu-text i {
        color: #8cc63f;
        display: block; }
      @media only screen and (min-width: 1200px) {
        .image-text .dlsu-block > .dlsu-text {
          margin-top: 1.5rem; } }
    .image-text .dlsu-block h2 {
      font-size: 24px;
      font-weight: 400;
      color: #414042; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .image-text .dlsu-block h2 {
          font-size: 20px; } }
    .image-text .dlsu-block:hover, .image-text .dlsu-block:focus {
      border: 2px #fff solid; }
      .image-text .dlsu-block:hover > .overlay, .image-text .dlsu-block:focus > .overlay {
        opacity: 0;
        z-index: 9; }
      .image-text .dlsu-block:hover i, .image-text .dlsu-block:hover h2, .image-text .dlsu-block:focus i, .image-text .dlsu-block:focus h2 {
        color: #fff; }
  @media only screen and (min-width: 568px) {
    .image-text .businessmen,
    .image-text .economists {
      background-position: center; }
    .image-text .writers {
      background-position: center -6rem; } }
  @media only screen and (min-width: 736px) {
    .image-text .scientists,
    .image-text .engineers {
      background-position: center -5rem; } }
  @media only screen and (min-width: 768px) {
    .image-text .dlsu-block {
      background-position: center 0; } }

/*# sourceMappingURL=faculty.css.map */