body {
  padding-top: 12px;
  background-color: #cccccc;
  color: #000000;
  max-width: 100%;
  overflow-x: hidden; 
  /* font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif; */
  font-family: 'trebuchet_msregular', Arial, sans-serif;
}

#contact-header {
  background-image: url("../images/contactHeader.jpg");
  background-repeat: no-repeat;
  background-position: center;
}

#home-header {
  background-image: url("../images/homeHeader.jpg");
  background-repeat: no-repeat;
  background-position: center;
}

#about-header {
  background-image: url("../images/aboutHeader.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
.copyright {
        color: #999;
}

.carousel-item {
  height: 24rem;
}

.about-col-start {
  padding-top: 2em;
  padding-bottom: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.about-col {
  padding-top: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.about-col-last {
  padding-top: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 2em;
}

h5 {
  font-weight: 700;
  color: #808285;
  margin-bottom: 0px;
}

.gray {
  font-weight: 700;
  color: #58595b;
  margin-bottom: 0px;
}

.blue {
  font-weight: 700;
  color: #879caf;
  margin-bottom: 0px;
}

.white {
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}

.bg-home {
  background-image: url("../images/GilesHome.jpg");
  height: 100%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-image {
  background-image: url("../images/GilesHome.jpg");
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.container {
  background-color: #FFFFFF;
}

.footer {
  background-color: #cccccc;

  padding-bottom: 0.5em;
}

nav {
  overflow: auto;
}

.text-color {
  color: #FFFFFF !important;
  text-shadow: 1px 1px 2px black;
}

.bg-dark {
  background-color: #22252d !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #FFFFFF;
}

.navbar-nav .nav-link:hover {
  color: #92b0d8 !important;
}

.carousel-caption.text-header-about {
  padding-bottom: 0px;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #92b0d8;
}

a {
  color: #22252d;
}

a:hover {
  color: #92b0d8;
}

h1 {
  text-shadow: 1px 1px 2px black;
}

.nav-item p {
  color: #FFFFFF !important;
}

.p-top-middle {
    padding-top: 2.9em
}
.p-top-first {
    padding-top: 4.2em
}
.p-bottom-contact {
    padding-bottom: 1.5em;
}
@media (min-width: 1200px) {

.h1,
  h1 {
    font-size: 3.2rem;
  }
}

.bluebg {
  background-color: #92b0d8;
}

.graybg {
  background-color: #cccccc;
}

.nav-link {
  padding: 0;
}

.p-left {
  padding-left: 6em;
}

.p-right {
  padding-right: 5em;
}

.p-bottom {
  padding-bottom: 2em;
}
.p-bottom-zero {
  padding-bottom: 0;
}
.mr-bottom-zero {
  margin-bottom: 0;
}

.contact-p {
  margin-bottom: 0;
  font-weight: 700;
}

.contact-heading {
  font-weight: 700;
  padding-bottom: 0.9em;
  font-size: 2em;
}

.carousel {
  margin-bottom: 0;
}

.featurette-divider {
  margin: 1rem 0;
}
top-pad {
  padding-top: 0;
}
.about-h1 {
  font-size: 2.6em;
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 0.1rem;
  }
}

@media (min-width: 40em) {
  .featurette-heading {
    font-size: 40px;
  }
}

@media (min-width: 576px) {

  .container,
  .container-sm {
    max-width: 750px;
  }
}

@media (min-width: 768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 830px;
  }
}


@media (min-width: 992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}



@media (max-width: 768px){
.flex-sm-nowrap {
  display: block !important;
}}

@media (maz-width: 768px){
.d-sm-flex {
    display: block  !important;
}} 

/* @media (min-width: 576px) {
.col-sm-6 {
    flex: 0 0 auto;
    width: 60%;
}
}

@media (min-width: 992px) {
.col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
}
} */

.py-5 {
  padding-bottom: 8rem !important;
}

.themed-grid-col {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
}

.themed-container {
  padding: .75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(0, 123, 255, .15);
  border: 1px solid rgba(0, 123, 255, .2);
}

.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.centered-content {
  max-width: 75%;
  width: 100%;
}

.img-description {
  border-color: black;
  border: 1px;
  border-style: solid;
  text-align: center;
  width: 11.7em;
  margin-left: 4em;
  color: #414a4c;;
  padding: 8px;
  line-height: 1.15;
}
.mr-left {
  margin-left: 1em;
}
.center {
  text-align: center;
}

.heading {
  font-size: 1.5em;
}

.footer {
  text-align: center;
  font-size: smaller;
}

hr {
  border-top: 1px solid #414a4c;
}

h2 {
  font-weight: 100;
  padding-top: 0.6em;
}

.text-lgr {
  font-size: larger;
  text-shadow: 1px 1px 2px black;
}

.text-start {
  text-align: center !important;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 0;
  color: #fff;
}

.home-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* width: 100%; */
}

.col-md-12 {
  text-align: center;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 767px) {
  .separator {
    display: none;
  }

  .nav-link {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 1350px) {
  .home-img {
    width: 100%;
  }
}