/* Table of Contents
   - - - - - - - - -
   1.	Hack for 5 cols
   2.	Col padding edit
   3.	Display classes
   4.	Spacing classes
   5.	Containers
   - - - - - - - - -
 */
.hide {
  display: none !important;
}

.nooverflow {
  overflow: hidden !important;
}

.show {
  display: block;
}

.clearboth {
  float: left;
  clear: both;
  display: block;
}

.SpaceAbove {
  margin-top: 2rem !important;
}

.box {
  overflow: hidden;
  display: block;
}

.MatchContent {
  min-height: 1px;
}

.Medium {
  min-height: 450px;
}

.High {
  min-height: 550px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .box {
    min-height: 0px !important;
  }
}
/* @group Inset image container spacing */
.BGtextContentLeft {
  padding: 2.3rem 2.3rem 2.3rem 0;
}

.BGtextContentRight {
  padding: 2.3rem 0 2.3rem 2.3rem;
}

.textContentLeft {
  padding: 0 2.3rem 0 0;
}

.textContentRight {
  padding: 0 0 0 2.3rem;
}

/* @end */
.topSpacer {
  margin-top: 0.7rem !important;
}

.notop {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.notopmargin {
  margin-top: 0px !important;
}

.nobot {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.nopad {
  padding: 0px !important;
}
.nopad p {
  padding-right: 0px !important;
}

.nomargin {
  margin: 0px !important;
}

.SectionSpace.Tight {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.SectionSpace.TightTop {
  padding-top: 2rem;
}

.SectionSpace.TightBottom {
  padding-bottom: 2rem;
}

.Air {
  height: 0.32rem;
  display: block;
  clear: both;
}

.AirLg {
  height: 0.7rem;
  display: block;
  clear: both;
}

.hide, .hidehide {
  display: none !important;
}

.container-fluid {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {
  .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 960px) {
  .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1600px) {
  .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.Standard, .Narrow, .ExtraNarrow, .FullWidth {
  margin-left: auto;
  margin-right: auto;
  padding: 0rem;
}

.Standard {
  position: relative;
  max-width: 100%;
}
@media (min-width: 640px) {
  .Standard {
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .Standard {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .Standard {
    max-width: 1200px;
  }
}
@media (min-width: 1600px) {
  .Standard {
    max-width: 1270px;
  }
}

.SectionSpace.extraTopBot {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 640px) {
  .SectionSpace.extraTopBot {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 960px) {
  .SectionSpace.extraTopBot {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .SectionSpace.extraTopBot {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 1600px) {
  .SectionSpace.extraTopBot {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.Wide {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 640px) {
  .Wide {
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .Wide {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .Wide {
    max-width: 1350px;
  }
}
@media (min-width: 1600px) {
  .Wide {
    max-width: 1480px;
  }
}

.Narrow {
  max-width: 400px;
}
@media (min-width: 640px) {
  .Narrow {
    max-width: 640px;
  }
}
@media (min-width: 960px) {
  .Narrow {
    max-width: 780px;
  }
}
@media (min-width: 1200px) {
  .Narrow {
    max-width: 800px;
  }
}
@media (min-width: 1600px) {
  .Narrow {
    max-width: 840px;
  }
}

.ExtraNarrow {
  max-width: 460px;
}

.tintWrap {
  background: rgba(255, 255, 255, 0.9);
  padding: 0.7rem;
}

.FullWidth {
  max-width: 100%;
}

.noedge {
  padding: 0px !important;
}

/* smaller ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .Standard, .FullWidth {
    max-width: 100% !important;
    width: 100% !important;
  }
}