75 lines
1.5 KiB
CSS
75 lines
1.5 KiB
CSS
#main-carousel .carousel-caption {
|
|
position: absolute;
|
|
bottom: 30%;
|
|
}
|
|
|
|
#main-carousel .carousel-caption .carouspan,
|
|
#main-carousel .carousel-caption h5 {
|
|
font-weight: bolder;
|
|
font-size: 60px;
|
|
}
|
|
|
|
#main-carousel .carouspan {
|
|
color: #C52903;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#main-carousel .carousebtn {
|
|
background-color: #C52903;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
#main-carousel .carousel-caption {
|
|
position: absolute;
|
|
bottom: 10%;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
z-index: 10;
|
|
padding: 10px;
|
|
}
|
|
|
|
#main-carousel .carousel-caption h5 {
|
|
font-size: 20px;
|
|
line-height: 1.2;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#main-carousel .carousel-caption p {
|
|
font-size: 14px;
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
|
|
#main-carousel .carousel-caption .button-carousel .carousebtn {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding: 5px 10px;
|
|
margin: 5px 10px;
|
|
}
|
|
|
|
|
|
#carouselExampleCaptions .carousel-indicators {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
@media (min-width: 769px) and (max-width: 1280px) {
|
|
#main-carousel .carousel-caption .button-carousel {
|
|
display: none;
|
|
}
|
|
|
|
/* Ensure the h5 element remains visible and adjust font size for smaller screens */
|
|
#main-carousel .carousel-caption h5 {
|
|
font-size: 40px;
|
|
}
|
|
|
|
#main-carousel .carousel-caption {
|
|
position: absolute;
|
|
bottom: 20%;
|
|
}
|
|
|
|
} |