body {
      font-family: Arial, sans-serif;
    }
    .navbar {
/*      background-color: #343a40 !important;*/
      background-color: rgba(22, 41, 68, 0.8);

    }
    .jumbotron {
      background-color: #f8f9fa;
      padding: 80px 0;
    }
    .footer {
/*      background-color: #343a40;*/
      background-color: rgba(22, 41, 68, 0.8);    
      color: #fff;
      padding: 40px 0;
    }


.carousel-caption {
/*    position: absolute;*/
    top: 40%;
    left: 30%;
/*    transform: translate(-50%, -50%);*/


    color: #ffffff; /* Optional: Set text color */
/*    padding: 20px; /* Optional: Add padding */*/
    width: 90%;
    
}


.carousel-caption p {
/*    font-size: 65px; /* Set the base font size */*/
    line-height: 1.5; /* Set the line height for better readability */
    max-width: 100%; /* Limit the maximum width of the text */
    margin: 0 auto; /* Center the text horizontally */
    white-space: normal; /* Allow text to wrap */
/*    overflow: hidden; /* Hide any overflowing content */*/
    text-overflow: ellipsis; /* Display an ellipsis for overflowed text */
    text-align: right;
    font-style: italic;
/*    background-color: rgba(0, 0, 0, 0.5); /* Optional: Add background color */*/
}



@media (max-width: 576px) {
    /* Adjust font size for small and medium screens */
    .carousel-item {
/*        height: 500px; */
        height: 70vh;
    }

    .carousel-item img {
        width: 100%;
        height: 100%;

        object-fit: cover;
        
/*        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
    }
    .carousel-caption {
        top: 25%;   
    }
    .carousel-caption p {
        font-size: 26px;
    }
}


@media (min-width: 768px) {
    /* Adjust font size for medium and larger screens */
    .carousel-caption p {
        font-size: 24px;
    }
    #prodimg {
        object-fit:cover;
        height:96%; 
    }     
}

@media (min-width: 992px) {
    /* Adjust font size for large screens */
    .carousel-item {
        
        height: 100vh;

    }

    .carousel-caption p {
        font-size: 28px;

    }

    .carousel-item img {

        width: 100%;
        height: 100%;

        object-fit: cover;
        
/*        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
/*        object-fit: scale-down;*/
    }
    #prodimg {
        object-fit:cover;
        height:100%; 
    }
}

@media (min-width: 1200px) {
    /* Adjust font size for extra large screens */
    .carousel-caption p {
        font-size: 36px;
    }
}


@media (min-width: 1520px) {

    #prodimg {
        object-fit:cover;
        height:82%; 
    }    


}

#companylogo {

    width: 100px;

}