/* CSS Document */

  .carousel-item img {
  max-width: 85%; /* Ensure image does not exceed page width */
  height: 450px; /* Fixed height of 450px */
  width: auto; /* Maintain aspect ratio */
  margin: 0 auto; /* Center the image horizontally */
}


 .nn{
            padding-left: 70px;
        }
    @media screen and (max-width: 600px) {
  div.a1 {
    display: none;
  }
        div.a3 {
    display: none;
            
  }
        div.nn{
            padding-left: 0;
        }
        }

  /* Apply border radius to jumbotron */
    .jumbotron {
     
      margin-bottom: 20px; /* Add space between jumbotrons */
		
    }
    
    /* Override container padding for side-by-side jumbotrons */
    .container {
      padding-left: 15px;
      padding-right: 15px;
    }

.BortonText {
	font-size: .8em;
	
}

.jum4 {
	background-image: url("../images/banner2.jpg")
}


 .grid-content {
      background-color: #f8f9fa; /* Light gray background color */
      padding: 20px;
      border-radius: 5px;
      margin-top: 10px; /* Add margin between image and content */
    }

.QRcode {
            width: 50px;
            height: 50px;
            margin: 0 auto; /* Center the QR code */
        }


@media (max-width: 767px) {
  /* Carousel */
  #carouselExampleIndicators .carousel-inner .carousel-item img {
    height: 300px; /* Adjust the height of carousel images for mobile */
    content: url('../images/slideMobile2.jpg'); /* Replace 'mobile-image.jpg' with the path to your mobile image */
  }
		#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(3) img {
    content: url('../images/slideMobile3.jpg'); /* Replace with the path to your third mobile image */
  }
	
	#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(2) img {
    content: url('../images/slideMobile4.jpg'); /* Replace with the path to your third mobile image */
  }
}