:root {
  --primary: #0082c2;
  --secondary: #00abff;
  --white: #fff;
  --black: #000;
}

/* Hero Section */

.hero {
  min-height: 800px;
  width: 100%;
  color: var(--white);
  background-size: cover !important;
  background-position: bottom;
}

.hero .heading--container {
  display: inline-block;
  padding: 25px 75px;
  background-color: #fff;
  color: #dedede;
}

.hero .heading--container h1 {
  color: #000 !important;
}

.about-us.hero {
  background: url("./images/the-team-uka.jpg");
}

.service--digitisation.hero {
  background: url("./images/services-digitisation-uka.png");
}

.service--microfilm.hero {
  background: url("./images/services-microfilm-uka.png");
}

.service--disaster-recovery.hero {
  background: url("./images/servies-disaster-recovery.uka.png");
}

.blog.hero,
#additional--service .hero {
  background: url("./images/blog-uka.png");
}

.service--drone-surveying.hero {
  background: url("./images/service-drone-surverying-hero.jpg");
}

.service--drone-photography.hero {
  background: url("./images/castle-scotland-drone-ukarchiving.webp");
  background-position:  center right;
}

/* Styles for medium screens (tablets) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero {
    height: 425px;
    background-position: center center !important;
    min-height: 400px;
  }

  .charity {
    display: flex;
    flex-direction: column;
  }

  .charity .col-md-6 {
    width: 50%;
  }

  .charity .col-md-6.two {
    order: -1;
  }
}

/* Additional Service Page */
/* #additional--service .hero {
    min-height: 750px !important;
    height: 750px;
} */

.competition--credit.hero {
  height: 500px !important;
  min-height: 500px !important;
}

.competition--credit.hero .container.comp {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.competition--credit.hero h1 {
  font-size: 4.5rem;
}

/* Styles for large screens (laptops) */
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  /* #additional--service .hero {
        min-height: 600px !important;
        height: 620px;
    } */
}

/* Styles for Mobile */
@media only screen and (max-width: 767px) {
  .hero.about-us.hero,
  .hero.service--digitisation.hero,
  .hero.service--microfilm.hero,
  .hero.service--disaster-recovery.hero {
    height: 260px;
    min-height: 260px !important;
  }

    
  .service--drone-photography.hero {
    background-size: cover !important;
    background-position: bottom right !important;
  }  
  
  .meet-team .content--item {
    width: 33.33% !important;
    padding: 1rem !important;
  }

  .meet-team .content--item .member--name {
    font-size: 1rem !important;
  }

  .meet-team .content--item .member--title {
    font-size: 0.75rem;
  }
  
  .service--drone-surveying.hero {
    background: url("./images/service-drone-surverying-hero-two.jpg")!important;
    background-position:  center right;
    background-size: cover !important;
  }
}