@import url("https://use.typekit.net/glf6jca.css");
.callout-full-w-img-2 {
  background-image: url("https://clubrunner.blob.core.windows.net/00000305561/AdminImages/callout-banner-transparent.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .callout-full-w-img {
      padding: 0 3rem !important; } }
  .callout-full-w-img-2 .container {
    min-height: 50vh;
    padding: 6rem 3rem; }
    .callout-full-w-img .container .callout-text,
    .callout-full-w-img .container .callout-img {
      padding: 4rem 0;
      font-size: 17px; }
      @media screen and (max-width: 767px) {
        .callout-full-w-img .container .callout-text,
        .callout-full-w-img .container .callout-img {
          padding: 4rem 0 !important; } }
    @media screen and (max-width: 767px) {
      .callout-full-w-img .container .callout-img {
        padding: 0 0 4rem 0 !important; } }
    @media screen and (min-width: 768px) {
      .callout-full-w-img .container {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: center;
                align-items: center;
        padding: 6rem; }
        .callout-full-w-img .container .callout-text,
        .callout-full-w-img .container .callout-img {
          max-width: 50%;
          -webkit-box-flex: 50%;
                  flex: 50%;
          display: block; }
        .callout-full-w-img .container .callout-text {
          padding-right: 100px; }
        .callout-full-w-img .container .container {
          min-height: 75vh; } }
  .callout-full-w-img .callout-title {
    margin-bottom: 32px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .callout-full-w-img .callout-title {
        font-size: 32px; } }
  .callout-full-w-img .btn {
    margin-top: 32px; }

.callout-banner {
  background-image: -webkit-gradient(linear, left top, right top, from(#5081D4), to(#00B0FF));
  background-image: -webkit-linear-gradient(left, #5081D4, #00B0FF);
  background-image: linear-gradient(0.25turn, #5081D4, #00B0FF);
  position: relative;
  font-size: 17px;
  padding-left: 3rem !important;
  padding-right: 3rem !important; }
  .callout-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 33vh;
    background-image: url("https://clubrunner.blob.core.windows.net/00000305561/AdminImages/callout-banner-transparent.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    z-index: 0; }
  .callout-banner .container {
    max-width: 640px;
    min-height: 256px;
    padding: 8rem 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    position: relative; }
  .callout-banner .callout-title {
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .callout-banner .callout-title {
        font-size: 32px; } }
  .callout-banner .btn {
    margin-top: 32px; }