@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap");

body {
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
}

h1,
h2,
h3 {
  font-weight: 600;
}

/* @media (min-width: 1200px) {
  .container {
    max-width: 970px;
  }
} */

.navbar-brand img {
  width: 113px;
}

.navbar-light .navbar-nav .nav-item {
  padding: 0.5rem;
  background-color: #d9d9d9;
}

.navbar-light .navbar-nav .nav-item.active {
  background-color: #666666;
}

.object-top {
  object-position: top;
}

.navbar-light .navbar-nav .nav-item:hover {
  background-color: #666666;
}

.navbar-light .navbar-nav .nav-item.active > a.nav-link,
.navbar-light .navbar-nav .nav-item:hover > a.nav-link {
  color: #fff;
}

.navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #710a0a;
  /* font-size: 20px; */
  transition: all 0.3s ease-in-out;
}

.carousel-caption {
  width: 100%;
  text-align: left;
  background: #2e2b2b70;
  right: auto;
  left: 0;
  bottom: 0;
  padding-left: 20px;
}

.carousel-caption h5 {
  font-size: 30px;
  font-weight: bold;
}

.carousel-caption p {
  font-size: 20px;
}

.carousel-indicators li {
  background-color: #666666;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.hero-section,
section.where-we-work {
  background-color: #eeeeee;
}

.carousel-control-prev {
  left: -15%;
}

.carousel-control-next {
  right: -15%;
}

.card-text,
.title {
  color: #a80e0e;
}

.footer {
  width: 100%;
  min-height: 400px;
  background-color: #666666;
  color: #f2e5e5;
}
.blog {
  min-height: 100vh;
}

.about-us {
  /* padding-bottom: 200px; */
}

.sponsor img {
  max-width: 200px;
}

.footer a {
  color: #f2e5e5;
}

.btn-dark {
  border-radius: 0px;
}

ul.contacts {
  margin-top: 56px;
}

.copyright {
  background-color: #000;
}

.sponsors .sponsor {
  min-height: 300px;
  background-color: #d9d9d9;
}

input.form-control,
textarea.form-control {
  border-radius: 0;
}

img.card-img-top {
  border-radius: 0px;
}

.img-container {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  background: #e9e9e9;
}

.img-container.small {
  width: 50%;
  padding-top: calc(56.25% / 2);
}

.img-container p {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #2e2b2b70;
  margin-bottom: 0;
  color: #fff;
  text-align: left;
  padding: 0.5rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.img-container:hover p {
  visibility: visible;
  opacity: 1;
}

.img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img.btn-placeholder-img {
  object-fit: cover;
}

li > ul > li,
ul > li {
  margin-bottom: 1rem;
}