.navbar {
    z-index: 10000;
}

.main-section {
position: relative;
background-image: url('/images/minim.jpeg');
background-size: cover; /* Ensures the image covers the full section */
background-position: center center; /* Centers the background image */
height: 100vh; /* Full viewport height */
display: flex;
align-items: center; /* Vertically center the content */
color: white;
/*padding: 2px 15px;*/


}

.container {
z-index: 1; /* Ensure content is above the background */
}

.text-md-left {
text-align: center; /* Center on small screens */
}

.text-md-left .btn {
margin-top: 20px; /* Space above the button */
}

@media (min-width: 768px) {
.text-md-left {
text-align: left; /* Align text to the left on medium and larger screens */
}
}


/* For small screens, ensure the image is fully contained and doesn't repeat */
@media (max-width: 767px) {
.main-section {
  margin-top:0px;
background-size: contain; 
/* Center the image for small screens */
background-repeat: no-repeat; /* Prevent the image from repeating */
height: 270px; /* Let the section height adjust according to content */
padding: inherit;
}
.btn-container {
margin-left: -20px; /* Reduce the distance on smaller screens */
margin-top: -190px; /* Adjust the position for smaller screens */
}
}

.btn-container {
position: absolute;
top: 350px; /* Distance from the bottom */
left: 45px;  /* Distance from the left */
z-index: 10; /* Keeps the button on top of other content */
}