/*
@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/tm-bg.jpg");
  background-position: 0 0; }
  @media only screen and (min-width: 568px) {
    .main-container {
      background-position: 0 -5rem; } }
  @media only screen and (min-width: 768px) {
    .main-container {
      background-position: 0 -9rem; } }
  @media only screen and (min-width: 1366px) {
    .main-container {
      background-position: 0 -12rem; } }
  @media only screen and (min-width: 1920px) {
    .main-container {
      background-position: 0 -20rem; } }

#top-marks-one img {
  max-width: 250px; }

.section-one img {
  margin: auto;
  display: block; }

.section-two {
  background-image: url("../images/facts-figures/tm-section-bg-c.jpg"); }

.background-two {
  background-image: url("../images/facts-figures/tm-section-bg-b.jpg"); }

.background-three {
  background-image: url("../images/facts-figures/tm-section-bg.jpg"); }

span {
  text-align: center; }

/*# sourceMappingURL=fnf-top-marks.css.map */