/* line 5, ../scss/_main.scss */
.grid .simpleCalloutContainer {
  min-height: 270px;
  background-color: #009bbd;
  position: relative;
}
/* line 10, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 16, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts.light h1, .grid .simpleCalloutContainer .calloutTexts.light h2, .grid .simpleCalloutContainer .calloutTexts.light h3 {
  color: #FFFFFF;
}
/* line 21, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts.dark h1, .grid .simpleCalloutContainer .calloutTexts.dark h2, .grid .simpleCalloutContainer .calloutTexts.dark h3 {
  color: #363636;
}
/* line 26, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts.blue h1, .grid .simpleCalloutContainer .calloutTexts.blue h2, .grid .simpleCalloutContainer .calloutTexts.blue h3 {
  color: #008ab0;
}
/* line 30, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts .title-wrap {
  padding-left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}
/* line 39, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts:not(.fadeIn) {
  transition: background-color linear .5s;
  background-color: rgba(54, 54, 54, 0.3);
}
/* line 43, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts:not(.fadeIn) .title-wrap {
  transition: opacity linear .5s;
  opacity: 1;
}
/* line 48, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts.fadeIn {
  transition: background-color linear .5s;
  background-color: rgba(54, 54, 54, 0);
}
/* line 52, ../scss/_main.scss */
.grid .simpleCalloutContainer .calloutTexts.fadeIn .title-wrap {
  transition: opacity linear .5s;
  opacity: 0;
}
/* line 58, ../scss/_main.scss */
.grid .simpleCalloutContainer .simpleCalloutImage {
  display: none;
  width: auto;
  height: 270px;
}
/* line 63, ../scss/_main.scss */
.grid .simpleCalloutContainer .simpleCalloutBackground {
  display: none;
  width: auto;
  height: 270px;
  background-size: cover;
  background-position: center center;
}
/* line 70, ../scss/_main.scss */
.grid .simpleCalloutContainer a {
  height: 100%;
  width: 100%;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 641px) {
  /* line 77, ../scss/_main.scss */
  .grid .simpleCalloutContainer .simpleCalloutImage {
    height: auto;
    width: 100%;
  }
  /* line 81, ../scss/_main.scss */
  .grid .simpleCalloutContainer .simpleCalloutContainer {
    min-height: auto;
  }
  /* line 84, ../scss/_main.scss */
  .grid .simpleCalloutContainer .emptyImage {
    min-height: 240px;
  }
}