@charset "UTF-8";

/* Body */

h2.text-center {
    color: #ffffff;
}
.body {
    background-color: #A2A0A0;
}

.container {
    background-color: #000000;
    /* Keep a percentage width for flexibility, */
  width: 90%;
  /* but set a maximum limit for large screens */
  max-width: 1200px; /* Example: Ensures it doesn't get too wide on a large monitor */
  margin: 0 auto;
}

.containervideos {
    margin: 5px;
    background-color: #000000;
}

.container-products {
    background-color: #000000;
    /* Keep a percentage width for flexibility, */
  width: 90%;
  /* but set a maximum limit for large screens */
  max-width: 1200px; /* Example: Ensures it doesn't get too wide on a large monitor */
  margin: 0 auto;
   
}
.container .navbar-brand strong {
    font-family: Arial;
    margin-left: 20px !important; /* Adjust the value as needed */
}


brand-top, .brand-bottom {
  font-family: Arial;
  font-size: 18px;
  display: block; /* Makes each span a block element, forcing a new line */
  margin: 0; /* Resets default margins */
}

.brand-top {
  /* Apply the margin you want to adjust here */
  font-family: Arial;
    font-size: 18px;
    margin-bottom: 5px; /* Example spacing */
}

.brand-bottom {
  /* Adjust margins for the bottom line if needed */
}




.carousel-item.active .carousel-caption h5 {
    font-family: Arial;
}


.carousel-caption {
    z-index: 10;
    color: #000000;
    text-align: center;
    top: 80%;
    left: 11%;
    right: 10%;
    bottom: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url(url);
}



.carousel-caption h5 span {
}