.amstyle1 {
	z-index: -9999!important;
	padding-top: 10px;
	background-color: #ccc;
}
.amstyle2 {
	z-index: 9999!important;
    background-color: #000;
}
.amstyle3 {
	z-index: -9999!important
}
.amstyle4 {
	z-index: 9999!important
}
.amstyle5 {
	background-color: #ccc;
	padding-bottom: 20px
}
.amstyle6 {
	background-color: #000;
}

   .affix {
       top: 0;
       width: 100%;
       z-index: 9999 !important;
	   overflow: initial;
   }
   @media only screen and (min-width: 768px) {
   .affix + .container-fluid {
       padding-top: 30px;
   }
}
.vertical-align {
	display: flex;
	align-items: center
}
@media (max-width:768px) {
	.row.vertical-align {
		display: block
	}
}

@media only screen and (max-width: 768px) {
	.container-fluid {
		text-align: center;
	}
}
@media only screen and (max-width: 768px) {
	.amstyle10 {
		text-align: center;
	}
}
@media only screen and (max-width: 768px) {
	.amstyle11 {
		display: block;
		margin-right: auto;
		margin-left: auto
	}
}
#amstyle21.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.amstyle22 {
	color: #fff;
	padding-top: 10px;
}
#amstyle23.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.amstyle24 {padding-bottom: 10px;}

/* Custom mechanical theme accents */
:root {
  --auto-red: #d9534f; /* Action color */
  --gear-grey: #333;   /* Primary text/nav */
  --light-grey: #f8f9fa;
}

.amstyle1 { background-color: var(--gear-grey); color: white; padding: 5px 0; }
.navbar-inverse { background-color: #000; border: none; }
.btn-primary { background-color: var(--auto-red); border-color: var(--auto-red); }

/* Service cards hover effect */
.service-box {
  transition: transform 0.3s ease;
  border-bottom: 4px solid var(--auto-red);
}
.service-box:hover { transform: translateY(-5px); }