html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .navbar .navbar-nav li a.nav-link {
        padding: 28px 15px;
    }
}

.history-area .raise-img {
    /* margin-bottom: 15px; */
    margin-bottom: 0px;
    border-radius: 7px;
}

@media only screen and (max-width: 767px) {
    .history-area .raise-img.height-2 {
        height:345px;
    }
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


.promo-area::before{
    background: rgba(0, 0, 0, 0.5);
   /* background: rgb(1 126 149);*/
    opacity: 0.25 !important;
}

.parallax-banner::before{
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.6;
}

.banner-area {
    
    
    background: url('../images/banner/Buildscape-Racing_4_1920.jpg') no-repeat center top / cover;
}

.promo-area {
    background-position: 50% 50%;
    background: url('../images/build-scape-racing/buildscape-car-1920x910.JPG') no-repeat center top / cover;
}

.about-us-hero-background{
    background-position: 50% 50%;
    /* add a minimum height */
    min-height: 500px;
    background: url('../images/about-us/Buildscape-Racing-47-2000.jpg') no-repeat center top / cover;
}

.charity-hero-background-image{
    background-position: 50% 50%;    
    opacity: 0.9 !important;
    min-height: 500px;
    background: url('../images/banner/Buildscape-Racing_7_1920.jpg') no-repeat center top / cover;
}

.sponsor-hero-background-image{
    background-position: 50% 50%;    
    opacity: 0.9 !important;
    min-height: 500px;
    background: url('../images/banner/Buildscape-Racing-18_1920.jpg') no-repeat center top / cover;
}
.gallery-hero-background-image{
    opacity: 0.9 !important;
    min-height: 500px;
    background: url('../images/banner/Buildscape-Racing_29_1980.jpg') no-repeat center top / cover;
}

.events-hero-background-image{
    opacity: 0.95 !important;
    min-height: 500px;
    background: url('../images/banner/Buildscape-Racing_25_1920.jpg') no-repeat center top / cover;
    background: url('../images/banner/Buildscape-Racing-11-2600.jpg') no-repeat center top / cover;
    
}

.contact-us-hero-background-image{
    background-position: 50% 50%;
    background-size: contain;
    opacity: 0.9 !important;
    min-height: 500px;
    background: url('../images/banner/Buildscape-Racing_5_1920.jpg') no-repeat center top / cover;
}

body {
  margin-bottom: 0px;
}

.counter-area::before {
    background: #1f8461;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
}

.counter-area {
    background: url(../images/build-scape-racing/buildscape-car-1920x1080.JPG) no-repeat center center / cover;
}

.become-sponsor-background{
    background-position: 50% 50%;
    background: url('../images/build-scape-racing/buildscape-car-1920x1080.JPG') no-repeat center top / cover;
}


.single-counter i {
    padding: 20px;
    font-size: 50px;
    color:white;
    margin-bottom: 20px;
}

.volume-slider ::before{
    background-color:#10dfef;
}

.promo-area .promo-wrap .promo-title span {
    color: var(--white);
}

.btn-pink-ribbon{
    background-color: #DB2067 !important;
}

.btn-pink-ribbon:before, .btn-pink-ribbon:after {
    content: "";
    width: 0;
    height: 100%;
    background: #9a194f;
    color: #DB2067 !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=1);
    position: absolute;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.contact-form {
    margin-left: 0px;
    padding: 50px 50px;
}

/*
 for narrow screens remove the margin left and width only to 100%
*/
@media only screen and (max-width: 767px) {
    .ourself-area .ourself-gallery {
        position: relative;
        width: 100%;
        margin-left: 0px;
        border: 5px solid var(--white);
    }
}

.owl-nav > div{
    background: #db2067;
}

/*
*/