html,
body {
  /* font-family: 'Crimson Pro', serif; */
  font-family: 'Ubuntu', sans-serif;
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  }
  h1 {
    color: rgb(0, 0, 0);
    /* font-family: 'Ubuntu', sans-serif; */
  }
  p {
    color: rgb(0, 0, 0);
  }

.process_auto, 
.electrical_auto
h4{
    color: #FF9500;
   
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* width: 50%; */
}
header.masthead {
  height: 400px;
  max-width: 100%;
  margin-bottom: 30px;
  background-image: url("img/header.jpg");
  background-image: image-set(
    url('img/header_480w.jpg') 1x,
    url('img/header_800w.jpg') 2x);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #868e96;
  background-attachment: scroll;
  position: relative;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(117, 117, 116);
  opacity: .5;
}
.responsive_logo{
  padding-top: 20px;
  max-width: 100%;
  height: auto;
}
header.masthead .site-heading{
  /* padding: 200px 0 150px; */
  text-align: center;
}
.logo-row {
  text-align: center;
  /* width: 250px; */
  margin: 0 auto;
  margin-top: 75px;
}

.logo {
  text-align: center;
  height: 250px;
  
}
.site-heading h1{
  font-size: 6rem;
}
.site-heading h1 span{
  font-size: 8rem;
}

.content_head{
  margin-bottom: 40px;
  
}
.container{
  margin-bottom: 50px;
}
.col{
  margin-bottom: 10px;
}

.card-header {
  font-size: larger;
  font-weight: bold;

}
.svg_style{
  width: 60%;
}
.service_bg{
  background-image: url('img/header_800w.jpg');
  height: 200px;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* opacity: 0.8; */
}

.bg_footer{
  height: auto;
  max-width: 100%;
  background-image: 
  linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(247, 187, 7, 0.945)),url(img/header.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.google_map_responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.google_map_responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.bg_footer .container{
  margin: 0;
}
.carousel-item h5{
  color: black;
}

/*  mobile-first */
@media (max-width: 600px){
.responsive_logo{
  padding-top: 70px;
}

.site-heading h1 {
  font-size: 4rem;
}
.site-heading h1 span{
  font-size: 5rem;
}
.fs-5{
  text-align: center;
  padding-bottom: 30px;
}
.process_auto h2{
  text-align: center;
}
.electrical_auto h2{
  text-align: center;
}
.card-header:first-child{
  padding: 20px 20px;
}
}