
body{
    background-color: rgba(192,201, 221, .9);
}

h1, h2,h3,h4,h5{
  color: rgba(35, 31, 86, 1.0);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

p{
  color: rgba(35, 31, 86, 1.0);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: medium;
}

.btn{
  background-color: goldenrod;
  color: rgba(35, 31, 86, .8);
  border-color: rgba(35, 31, 86, 1.0);
}

.btn:hover{
  background-color: rgba(35, 31, 86, .8);
  color: rgba(255, 255, 255, 1.0);
  border-color: goldenrod;
}

.topbar{
  background-color: rgba(35, 31, 86, 1.0);
  font-size: large;
}

.navbar{
    background-color: rgba(35, 31, 86, 1.0);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, .15rem);
    justify-content: flex-end;
}

.navbar-brand img{
    height: 9rem;
    margin: auto;
    float: left;
    padding-left: 1rem;
  }

  .navbar-brand-text{
    height: 5rem;
    margin: auto;
  }

  .navbar-toggler{
    color: goldenrod;
  }

  .navbar-toggler-icon{
    color: goldenrod;
  }

.nav-item{
    padding: .5rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 700;
}

.nav-link{
    color: darkgoldenrod;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .12rem;
    font-size: 1.5rem;
    margin-right: .8rem;
    text-shadow: .05rem .05rem .05rem rgba(0, 0, 0, .15);
}

  .carousel{
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, .1);
    z-index: 1;
}

.carousel-inner{
    max-height: 38rem!important;
    overflow: visible;
}

.carousel-item img{
  object-fit: cover;
  object-position: center;
  height: 50vh;
  overflow: hidden;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item-active{
transition: transform 1s ease;
}

.carousel-caption{
  position: absolute;
  color: rgba(35, 31, 86, 1);
  background-color: rgba(255, 255, 255, .9);
  border-radius: 25px;
  opacity: 75%;
  bottom: 3rem;
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        user-select: none;
}

#stress_free img{
  width: 250px;
  height: 200px;
  object-fit: cover;
  display: block;
  box-shadow: 10px 10px 5px #888888;
}

.fixed-background{
    background-image: url("../img/aaadiscountmovers_slidefour.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 10rem 0;
}

.album{
    background-color: rgba(192, 201 , 221, 0.9);
}

.parallax-section{
      background-image: url('/img/AdobeStock_332345082.jpeg');
      height: 40vh;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
      font-size: 2.5em;
}

.sa_list_one,
.sa_list_two{
  list-style: none;
  box-sizing: border-box;
  display: inline-block;
  align-items: center;
  flex-direction: column;
  padding: 15px;
}

.sa_list_one li,
.sa_list_two li{
  border: 1px solid goldenrod;
  background-color: white;
}

.sa_list_one li:hover,
.sa_list_two li:hover{
    font-weight: bold;
}

.fixed-contact{
    background-image: url("../img/AdobeStock_295379067.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.more-info{
  opacity: 77%;
}

.contact-section,
.quote-section{
  width: 71%;
  margin: auto;
  background-color: rgba(255, 255, 255, .9); 
  opacity: 60%;
}

.contact-section h2,
.quote-section h2{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: rgba(39, 35, 97, 1.0);
}

.contact-group,
.quote-group{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size:  large;
  font-weight: 600;
  color: rgba(39, 35, 97, 1.0);
}

input[type="name"],
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="date"]{
  border: 2px solid rgba(39, 35, 97, 1.0);
}

#quote_move_type,
#quote_message,
#contact_message,
.quote_button,
.contact-button{
  border: 2px solid rgba(39, 35, 97, 1.0);
}

.quote_button,
.contact-button{
  color: rgba(39, 35, 97, 1.0);
  background-color: goldenrod;
}

.more-info h1,
.more-info h3,
.more-info p{
  color: rgb(255, 255, 255);
}

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.card-cover h3{
  color: rgba(255, 255, 255, .8);
}

footer{
    background-color: rgba(35, 31, 86, 1);
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5{
  color: rgba(255, 255, 255, .9);
}

.footer-logo img{
    height: 13rem;
    margin: auto;;
    padding-left: 1rem;
}

footer p{
    margin: 0px;
    font-size: small;
    color: goldenrod;
}


/*-- Begin MQ Section --*/
@media (max-width: 1199.98px) {
    .carousel-caption h3{font-size: 1.8rem;}
  }
@media (max-width: 991.98px) {
    p.lead {font-size: 1.2rem}
    .carousel-indicators li{width: 30px; height: 4px; margin-right: 3px; margin-left: 3px;}
}
@media (max-width: 767.98px) {
    p.lead {font-size: 1.1rem}
    .navbar-brand img{height: 6rem}
    .navbar{font-size: 1rem; padding: .4rem .6rem;}
    .navbar-toggler{transform: scale(.9);}
}
@media (max-width: 575.98px) {
    .navbar-brand img{height: 5rem}
    .navbar{font-size: .9rem; padding: .3rem .6rem;}
    .navbar-toggler{transform: scale(.8);}
    .fixed-background{background-attachment: scroll; background-position: center;} 
}

