@media (min-width: 1206px) {
  .linkContainer {
    height: auto !important; }
    .linkContainer .whiteboard {
      height: auto !important; }
      .linkContainer .whiteboard .linkBox {
        margin-top: 10px; }

  .linkBox.col-md-2 {
    width: 15.3% !important; } }
@media (max-width: 1283px) {
  .linkContainer {
    height: auto !important; }
    .linkContainer .whiteboard {
      height: auto !important; }
      .linkContainer .whiteboard .linkBox {
        margin-top: 10px; } }
@media (min-width: 992px) and (max-width: 1200px) {
  ul.menu li {
    margin: 0 -5px !important; } }
@media (min-width: 992px) and (max-width: 1024px) {
  .col-md-7 {
    width: 57.333333%; }

  .indexBackground {
    margin-top: 0 !important; }

  .newsTitle {
    margin-left: 20px !important; }

  .linkContainer {
    height: auto !important;
    margin-right: -15px !important; }
    .linkContainer .whiteboard {
      height: auto !important; } }
@media (max-width: 991px) {
  .versesContainer {
    margin-left: 15px !important;
    margin-top: 105px;
    height: auto !important; }
    .versesContainer .whiteboard {
      padding: 22px !important;
      height: auto !important; }

  .awardContainer {
    margin-top: 125px;
    margin-left: 15px !important; }

  .indexBackground {
    margin-top: 0 !important;
    padding: 15px 20px 15px 10px !important; }

  .linkContainer {
    height: auto !important;
    margin-right: -15px !important; }
    .linkContainer .whiteboard {
      height: auto !important; }

  .news .whiteboard {
    padding: 22px !important; } }
@media (min-width: 768px) {
  .showUnderSmall {
    display: none; } }
@media (max-width: 767px) {
  .news, .versesContainer, .linkContainer {
    height: auto !important; }
    .news .col-xs-12, .versesContainer .col-xs-12, .linkContainer .col-xs-12 {
      width: 100%; }
    .news .linkBox, .versesContainer .linkBox, .linkContainer .linkBox {
      margin-left: 0; }
    .news .whiteboard, .versesContainer .whiteboard, .linkContainer .whiteboard {
      height: auto !important; }
      .news .whiteboard .newsDate, .versesContainer .whiteboard .newsDate, .linkContainer .whiteboard .newsDate {
        display: block !important;
        padding: 0 !important;
        font-size: 0.9em; }
      .news .whiteboard .newsTitle, .versesContainer .whiteboard .newsTitle, .linkContainer .whiteboard .newsTitle {
        display: block !important; }

  .hiddenSmall {
    display: none; }

  .contactContainer {
    margin-top: 20px !important; }
    .contactContainer .addressContainer {
      font-size: 1em !important;
      text-align: center !important;
      margin: 0 !important; } }
@media (max-width: 434px) {
  .titleImage {
    width: 65%;
    left: -34px !important;
    top: -74px !important; }
    .titleImage img {
      width: 100%; }

  .news, .versesContainer, .schoolLife, .awardContainer {
    margin-left: 5px !important; }

  .linkContainer {
    margin-left: 5px !important;
    margin-right: 5px !important; } }
@media (max-width: 359px) {
  .titleImage {
    width: 62% !important;
    left: -28px !important; } }
.indexContainer .topContainer {
  margin-top: 65px;
  margin-left: 0;
  margin-right: 0; }
.indexContainer .bottomContainer {
  margin-top: 120px;
  margin-left: 0;
  margin-right: 0; }

.whiteboard {
  background-color: white;
  margin-top: 5px;
  height: 250px; }

.titleImage {
  position: absolute;
  z-index: 100;
  left: -46px;
  top: -95px; }

.linkTitleImage {
  position: absolute;
  z-index: 100;
  left: -52px;
  top: -95px; }

.readMore {
  margin-top: 5px;
  text-align: right; }

/*
 News
 */
.news {
  margin-left: 15px;
  position: relative;
  background-color: #EDA96C;
  height: 300px;
  padding: 0px 5px 5px 5px;
  -webkit-box-shadow: 4px 4px 0px 0px #D87F37;
  -moz-box-shadow: 4px 4px 0px 0px #D87F37;
  box-shadow: 4px 4px 0px 0px #D87F37; }
  .news .whiteboard {
    padding: 30px 35px 35px 35px;
    -webkit-box-shadow: 0px -4px 0px 0px #D87F37;
    -moz-box-shadow: 0px -4px 0px 0px #D87F37;
    box-shadow: 0px -4px 0px 0px #D87F37; }
    .news .whiteboard a {
      color: #333;
      display: table-row;
      letter-spacing: 1px; }
      .news .whiteboard a:hover {
        text-decoration: none;
        color: #ef6f4d; }
    .news .whiteboard .newsDate {
      display: table-cell;
      white-space: nowrap;
      padding: 0 20px;
      color: #ca7531; }
    .news .whiteboard .newsTitle {
      display: table-cell;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre-wrap; }
    .news .whiteboard .newsLine {
      border: 1px dashed #F7CBA4;
      background-color: white;
      margin-top: 8px;
      margin-bottom: 8px; }

/*
  verses
 */
.versesContainer {
  padding: 0px 5px 5px 5px;
  background-color: #B7E0FF;
  height: 300px;
  position: relative;
  margin-left: 62px;
  -webkit-box-shadow: 4px 4px 0px 0px #94BAD6;
  -moz-box-shadow: 4px 4px 0px 0px #94BAD6;
  box-shadow: 4px 4px 0px 0px #94BAD6; }
  .versesContainer .whiteboard {
    overflow: hidden;
    line-height: 3.0vh;
    padding: 40px 35px 35px 35px;
    margin-top: 46px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0px -4px 0px 0px #94BAD6;
    -moz-box-shadow: 0px -4px 0px 0px #94BAD6;
    box-shadow: 0px -4px 0px 0px #94BAD6; }

/*
  School Life
 */
.schoolLife {
  padding: 0 5px 5px 5px;
  margin-left: 15px;
  height: 400px;
  background-color: #F2D978;
  -webkit-box-shadow: 4px 4px 0px 0px #D7BB4D;
  -moz-box-shadow: 4px 4px 0px 0px #D7BB4D;
  box-shadow: 4px 4px 0px 0px #D7BB4D; }
  .schoolLife .whiteboard {
    height: 350px;
    padding: 15px;
    -webkit-box-shadow: 0px -4px 0px 0px #D7BC4B;
    -moz-box-shadow: 0px -4px 0px 0px #D7BC4B;
    box-shadow: 0px -4px 0px 0px #D7BC4B; }
    .schoolLife .whiteboard .albumSlider {
      background-color: #A26C29;
      padding: 4px 2px 0px 2px; }

/*
  Award
 */
.awardContainer {
  padding: 0px 5px 5px 5px;
  background-color: #A27A7B;
  min-height: 400px;
  height: auto;
  position: relative;
  margin-left: 62px;
  -webkit-box-shadow: 4px 4px 0px 0px #795B5E;
  -moz-box-shadow: 4px 4px 0px 0px #795B5E;
  box-shadow: 4px 4px 0px 0px #795B5E; }
  .awardContainer .whiteboard {
    min-height: 350px;
    height: auto;
    padding: 18px 10px 0 10px;
    -webkit-box-shadow: 0px -4px 0px 0px #795B5E;
    -moz-box-shadow: 0px -4px 0px 0px #795B5E;
    box-shadow: 0px -4px 0px 0px #795B5E; }
    .awardContainer .whiteboard .awardControlButton {
      text-align: right; }
    .awardContainer .whiteboard .slides-award {
      z-index: 2; }
    .awardContainer .whiteboard .slide {
      background: none;
      height: auto;
      padding-left: 10px;
      padding-right: 10px; }
      .awardContainer .whiteboard .slide .slide-img {
        height: calc(100% - 45px); }
      .awardContainer .whiteboard .slide .albumNameAndDate {
        border: 0;
        margin: 0; }
      .awardContainer .whiteboard .slide .awardDate {
        color: #ca7531;
        margin-top: 5px; }
      .awardContainer .whiteboard .slide .awardTitle {
        color: black;
        margin-bottom: 5px; }
    .awardContainer .whiteboard .titleBox {
      z-index: 1;
      position: relative;
      background-color: #FECC43;
      height: 45px;
      margin-left: -33px;
      margin-right: -37px;
      top: -45px; }
    .awardContainer .whiteboard .rightYellow {
      position: absolute;
      right: 0;
      top: -18px; }
    .awardContainer .whiteboard .leftYellow {
      position: absolute;
      left: 0;
      top: -18px; }
    .awardContainer .whiteboard .awardBox {
      padding: 5px; }
    .awardContainer .whiteboard .col {
      margin-bottom: 10px; }

/*
   School Life And Award Slide
 */
.slide img {
  width: 100%; }

.slide .slide-img {
  display: block;
  width: 100%;
  height: calc(100% - 75px);
  background-size: cover; }

.slide .albumNameAndDate {
  border: 1px dashed white;
  margin: 7px;
  padding: 8px;
  text-align: center;
  height: 60px;
  max-height: 60px; }

.slide .albumNameAndDate .albumNameAndDate_Date a {
  font-size: 16px;
  color: white; }

.slide .albumNameAndDate .albumNameAndDate_Name a {
  font-size: 16px;
  color: white; }

.slide .albumNameAndDate .albumNameAndDate_Name {
  max-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 9px; }

.slide {
  background: #A26C29;
  height: 320px; }

/*
* Link
 */
.linkContainer {
  margin-top: 120px;
  margin-left: 15px;
  margin-right: 20px;
  background-color: #EC92A7;
  padding: 0 5px 5px 5px;
  height: 220px;
  position: relative;
  -webkit-box-shadow: 4px 4px 0px 0px #A26279;
  -moz-box-shadow: 4px 4px 0px 0px #A26279;
  box-shadow: 4px 4px 0px 0px #A26279; }
  .linkContainer .whiteboard {
    margin-top: 44px;
    margin-left: 0;
    margin-right: 0;
    height: 170px;
    padding: 35px 20px 35px 20px;
    -webkit-box-shadow: 0px -4px 0px 0px #A26279;
    -moz-box-shadow: 0px -4px 0px 0px #A26279;
    box-shadow: 0px -4px 0px 0px #A26279; }

.linkBox {
  padding-left: 0;
  padding-right: 0;
  padding: 10px;
  margin-right: 7px;
  margin-left: 7px;
  height: 100%;
  width: 170px;
  background: #B8BBCE; }
  .linkBox .linkImageBox {
    background-color: white; }
  .linkBox img {
    object-fit: contain;
    width: 100%;
    height: 80px; }

/*
 Contact
 */
.contactContainer {
  position: relative;
  background-color: #B3B5CA;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: 245px;
  margin-bottom: -32px; }
  .contactContainer .leftGrass {
    position: absolute;
    top: -35px;
    left: -0px; }
  .contactContainer .boyAndGirl {
    position: absolute;
    top: -183px;
    left: 136px; }
  .contactContainer .rightGrass {
    position: absolute;
    top: -60px;
    left: 413px; }
  .contactContainer .addressContainer {
    text-align: right;
    font-size: 1em;
    color: #0E2471;
    font-weight: bold;
    margin-right: 35px; }
    .contactContainer .addressContainer .addressFont {
      display: inline-block;
      margin-right: 10px; }
  .contactContainer .nothing {
    height: 40px; }

.phone-numbers {
  display: inline; }

@media (max-width: 767px) {
  .phone-numbers {
    display: block; }
    .phone-numbers .phone-number {
      display: inline; } }

/*# sourceMappingURL=home.css.map */