.fontIcon{
    height: 40px;
    width: 40px;
    color: white;
    background-color:black;
    border-radius: 15px;
    }
.snip1217 {
    /* font-family: 'Raleway', Arial, sans-serif; */
    text-align: center;
    /* text-transform: uppercase; */
    /* font-weight: 500; */
    letter-spacing: 1px;
  }
  .snip1217 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.35s ease;
  }
  .snip1217 li {
    /* display: inline-block; */
    list-style: outside none none;
    margin: 0.2em;
    padding: 0;
  }
  .snip1217 a {
    /* padding: 0.3em 0; */
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    text-decoration: none;
    /* display: inline-block; */
  }
  .snip1217 a:before,
  .snip1217 a:after {
    height: 3px;
    position: absolute;
    content: '';
    transition: all 0.35s ease;
    background-color: rgb(30, 105, 184);
    width: 0;
  }
  .snip1217 a:before {
    top: 0;
    left: 0;
  }
  .snip1217 a:after {
    bottom: 0;
    right: 0;
  }
  .snip1217 a:hover,
  .snip1217 .current a {
    color: #ffffff;
  }
  .snip1217 a:hover:before,
  .snip1217 .current a:before,
  .snip1217 a:hover:after,
  .snip1217 .current a:after {
    width: 100%;
  }

#pictues-service:hover{
    opacity: 0.7;
}
#hero-section .btn-change7{
    /* height: 50px;
    width:200px; */
    background: rgba(255, 255, 255, 0);
    margin: 20px;
    /* float: left; */
    border: 1px solid white;
    color:#fff;
    /* box-shadow: 0 0 1px #ccc;
    box-shadow:0px 0 0 #31708f  inset; */
}
#hero-section .btn-change7:hover{
    border: none;
    box-shadow:200px 0 0 rgb(30, 105, 184) inset;
}
.btn-change8{
    height: 50px;
    /* width:250px; */
    background: rgb(30, 105, 184);
    /* margin: 20px; */
    /* float: left; */
    border: 0px;
    color:#fff;
    /* box-shadow: 0 0 1px #ccc;
    box-shadow:0px 0 0 #31708f  inset; */
}
.btn-change8:hover{
    color:#fff;
    box-shadow:250px 0 0 rgb(16, 76, 141) inset;
}
#hero-section #btnblue{
    width: 150px;
    height: 150px;
    border: 1px solid;
    background: rgb(30, 105, 184);
    /* margin: 20px auto; */
    border: none;
    clip-path: polygon(50% 0, 100% 26%, 100% 76%, 50% 100%, 0 75%, 0 25%);
}
#hero-section .fa-oil-can{
    font-size: 16px;
}
#bighr{
    /* width: 70px; */
    opacity: 1;
    border: 1px solid rgb(30, 91, 157);
}
#smallhr{
    /* width: 70px; */
    opacity: 1;
    border: 1px solid rgb(30, 91, 157);
}
#auto-repair .card-img-top:hover{
    opacity: 0.8;
}
#Quote{
    background: url(../images/image_0121.jpg);
    background-attachment: fixed;
}
#small-txt{
    font-size: 14px;
}
.icon-hs{
    width: 100px;
    height: 100px;
    /* border: 1px solid; */
    background: rgb(30, 105, 184);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.icon-c{
    width: 100px;
    height: 100px;
    border: 1px solid rgb(30, 105, 184);
    /* clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); */
}
#Grey{
    background-color: rgb(235, 235, 235);
}
#auto-repair .fa-chevron-right{
    color: rgb(30, 105, 184);
}
.icon-pen{
    width: 100px;
    height: 100px;
    border: 1px solid white;
    /* clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); */
}
#blue{
   color: rgb(30, 105, 184);
}
@media only screen and (min-width:768px){
    #Quote1{
        height: 500px;
    }
}
@media only screen and (min-width:1220px){
    #Quote1{
        height: 600px;
    }
}