h1 {
  font-size: 2.5rem; /* 40px on desktop (2.5 * 16px) */
}

p {
  font-size: 1.1rem; /* 17.6px on desktop (1.1 * 16px) */
}


/* Extra Small devices (xm) */
@media (max-width: 575.98px) {
  /* Your CSS styles for extra small screens go here */
    .img-fluid{
height: fit-content;
}

div#carouselExampleIndicators {
    height: auto;
}
}

/* Small devices (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .img-fluid{
height: fit-content;
}
}

/* Medium devices (md) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .img-fluid{
height: fit-content;
}





}

/* Large devices (lg) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your CSS styles for large screens go here */



.img-fluid {
    height: 46vh !important;
}

}

/* Extra Large devices (xl) */
@media (min-width: 1200px) {
  /* Your CSS styles for extra large screens go here */
  .img-fluid{
height:80vh !important;
}
}

div#carouselExampleIndicators {
    /* height: 100vh; */
}

.carousel-caption.d-none.d-md-block {
    background-color: #0c00007d;
}

.service_div{
height: 461px;
    width: 100%;
      display: grid; /* or display: grid; */
  align-items: end; /* or align-items: end; for grid */
}



.gold_style{
    color: rgb(143, 105, 77) !important;

        text-transform: uppercase !important;

}

.text{
overflow: hidden;
}

.my-button-w{
    color: white;
    background-color: #3c0000;
    border: 2px solid white;
}
.my-button-w:hover{
    color: #855d44;
    background-color: #3c0000;

}
    .flag {
      font-size: 24px;
      margin-right: 5px;
    }

  .order-button{
display: inline-block;
  }


 #carouselExampleCaptions{
 width:inherit;
 }

 .navbar-default {
    background: inherit !important;
}