/* Custom Styles Go Here */

/* Per-Page Hero */
.navbar {
  height: 460px;
  background: url(/Content/images/hero/hero.jpg) center bottom repeat-x;
  background-size: auto 380px;
  -webkit-transition: all 1s cubic-bezier(0, 0, .58, 1);
  transition: all .5s ease-in-out;
}
.page-id-4 .navbar {
  background: url(/Content/images/hero/hero.jpg) center bottom repeat-x;
  background-size: auto 380px;
}
.page-id-22 .navbar {
  background: url(/Content/images/hero/hero2.jpg) bottom center no-repeat;
  background-size: auto 380px;
}
.page-id-64 .navbar {
  background: url(/Content/images/hero/hero3.jpg) bottom center no-repeat;
  background-size: auto 380px;
}
.page-id-66 .navbar {
  background: url(/Content/images/hero/hero6.jpg) bottom no-repeat;
  background-size: auto 380px;
}
.page-id-68 .navbar {
  background: url(/Content/images/hero/hero4.jpg) bottom center no-repeat;
  background-size: auto 380px;
}
.page-id-70 .navbar {
  background: url(/Content/images/hero/hero5.jpg) bottom no-repeat;
  background-size: auto 380px;
}
.page-id-127 .navbar {
  background: url(/Content/images/hero/hero7.jpg) bottom center no-repeat;
  background-size: auto 380px;
}
/* Per-Page Callouts */

.home.page #callout-1,
.home.page #callout-8,
.home.page #callout-4,
.page-id-22 #callout-4,
.page-id-22 #callout-7,
.page-id-64 #callout-4,
.page-id-64 #callout-7,
.page-id-66 #callout-2,
.page-id-66 #callout-5,
.page-id-68 #callout-4,
.page-id-70 #callout-9,
.page-id-70 #callout-4,
.page-id-127 #callout-11,
.page-id-127 #callout-10 { display: block; max-width: 450px; margin: 20px auto;}


 @media only screen and (max-width : 1024px){
    .navbar {
      height: 360px;
      min-height: 100px;
    }
    .page-id-4 .navbar {
      background: url(/Content/images/hero/hero.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-22 .navbar {
      background: url(/Content/images/hero/hero2.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-64 .navbar {
      background: url(/Content/images/hero/hero3.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-66 .navbar {
        background: url(/Content/images/hero/hero6.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-68 .navbar {
        background: url(/Content/images/hero/hero4.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-70 .navbar {
        background: url(/Content/images/hero/hero5.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-127 .navbar {
        background: url(/Content/images/hero/hero7.jpg) bottom center no-repeat;
  background-size: auto 280px;
    }

}
@media only screen and (max-width : 474px){
    .navbar {
      height: 386px;
      min-height: 100px;
    }
    .page-id-4 .navbar {
      background: url(/Content/images/hero/hero.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-22 .navbar {
      background: url(/Content/images/hero/hero2.jpg) center -30px bottom no-repeat;
      background-size: auto 280px;
    }
    .page-id-64 .navbar {
      background: url(/Content/images/hero/hero3.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-66 .navbar {
        background: url(/Content/images/hero/hero6.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-68 .navbar {
        background: url(/Content/images/hero/hero4.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-70 .navbar {
        background: url(/Content/images/hero/hero5.jpg) bottom center no-repeat;
      background-size: auto 280px;
    }
    .page-id-127 .navbar {
        background: url(/Content/images/hero/hero7.jpg) bottom center no-repeat;
        background-size: auto 280px;
    }

}