@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/about-dlsu/about-us-bg.jpg"); }
  @media only screen and (min-width: 568px) {
    .main-container {
      background-position: center -8rem; } }
  @media only screen and (min-width: 768px) {
    .main-container {
      background-position: center -13rem; } }
  @media only screen and (min-width: 1366px) {
    .main-container {
      background-position: center -18rem; } }
  @media only screen and (min-width: 1920px) {
    .main-container {
      background-position: center -30rem; } }

.section-one .preamble {
  margin-top: 0; }
.section-one .vm {
  margin-top: 2rem; }

.inner-page-section {
  text-align: center; }
  .inner-page-section p {
    text-align: left; }

.section-two {
  background-image: url("../images/about-dlsu/vm-section-bg.jpg"); }
  .section-two i {
    font-size: 90px;
    margin-top: 2rem; }
  .section-two h4 {
    margin: 1rem 0; }
  .section-two p {
    padding: 0 1rem;
    text-align: center; }
  @media only screen and (min-width: 1920px) {
    .section-two {
      background-position: 0 4rem; } }

/*# sourceMappingURL=vision-mission.css.map */