/* Global Styles */
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
  }
  
  .hero-section {
    background-size: cover;
    background-position: center;
  }

.hero-section-cover {
  background-size: cover;
  background-position: center;
  background-color: #000000;
  z-index: 1000;
}
  
  .section-title {
    margin-bottom: 50px;
  }
  
  footer {
    background-color: #333;
  }

  header{
    background-color: #333;
  }
  
  .social-links a {
    font-size: 1.5rem;
  }
  
  blockquote {
    /*background-color: #f00;*/
    padding: 20px;
    /*border-left: 5px solid #ff0000;*/
    /*overflow: scroll !important;*/


  }

  #donorboxlink, #donorboxlink:visited{
    color: #dc323f !important;
    text-decoration: underline;
  }

  #donorboxlink:hover{
    color: #d5865b !important;
    font-weight: bold;

  }



  .lead{

  }

  .uphostery{
    background:
            radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,
            radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,
            radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,
            radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,
            radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,
            radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,
            radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,
            radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,
            linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,
            linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0;
    background-color: #300;
    background-size: 100px 100px;
  }

  .lined_paper{
    background-color: #fff;
    background-image:
            /*linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),*/
            linear-gradient(#eee .1em, transparent .1em);
    background-size: 100% 1.2em;
  }
  .pyramid{
    background: linear-gradient(315deg, transparent 75%, #d45d55 0)-10px 0,
    linear-gradient(45deg, transparent 75%, #d45d55 0)-10px 0,
    linear-gradient(135deg, #a7332b 50%, transparent 0) 0 0,
    linear-gradient(45deg, #6a201b 50%, #561a16 0) 0 0 #561a16;
    background-size: 20px 20px;
  }

  .carbon-fibre{
    background:
            radial-gradient(black 15%, transparent 16%) 0 0,
            radial-gradient(black 15%, transparent 16%) 8px 8px,
            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
  }

/*.carbon-fibre{*/
/*  background:*/
/*          radial-gradient(black 15%, transparent 16%) 0 0,*/
/*          radial-gradient(black 15%, transparent 16%) 8px 8px,*/
/*          radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,*/
/*          radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;*/
/*  background-color:#d5865b;*/
/*  background-size:16px 16px;*/
/*}*/
  .testimonial{
    box-shadow: 7px 7px 10px #666666;
    /*margin-bottom: 2em !important; */
    /*color: white;*/
    font-size: 1.25em;
    font-family:  "Montserrat", sans-serif;
    background-color: #ffffff;
  }

  .blockquote-footer{
    background-color: white !important;
    font-family: 'Allan', cursive;
  }

  .blockquote > header{
    background-color: #d5865b !important;
    /*background-color: #dc323f !important;*/
    text-align: center;
    padding: 1em 3em;
    color: #dc323f !important;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 1em;
  }

  .nav-link{
    color: #dc323f !important;
  }
  .nav-link:hover{
    color: #d5865b !important;
    font-weight: bold;
    font-size: 1.5em;
    /*text-shadow: #999999 2px 2px;*/
    text-decoration: none;
  }

  @media (min-width: 768px) {
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
      margin-right: 0;
      margin-left: 20em !important;
    }
  }

#scrollBtn {
  display: block;
  position: fixed;
  bottom: 20px;
  right: 50%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #dc323f;
  color: white;
  cursor: pointer;
  padding: 10px 18px;
  border-radius: 50%;
  box-shadow: 5px 5px 5px #999999;
}

#scrollBtn:hover {
  background-color: #d5865b;
}
@media screen and (max-width: 600px){

  #service1, #service2, #service3, #service4{height:100% !important;}
  .carousel-main{display: none !important;}
  .carousel-mobile{display: block !important;}

}

/*@media (min-width: 650px){*/
/*  .navbar-collapse.collapse {*/
/*    display: none !important;*/
/*    height: auto !important;*/
/*    padding-bottom: 0;*/
/*    overflow: visible !important;*/
/*  }*/
/*  .navbar-collapse.collapse.show{*/
/*    display: block !important;*/
/*  }*/

/*}*/



@media screen and (min-width: 601px) and (max-width:1200px){

  #service1, #service2, #service3, #service4{height:100% !important;}
  .carousel-main{display: none !important;}
  .carousel-mobile{display: none !important;}
  .carousel-mobile-landscape{display: block !important;}
  #bio_steve, #bio_roy{font-size: 0.9em !important;}
  .blockquote{overflow: scroll !important;}

  .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.collapse.show{
    display: block !important;
  }

}