/* I added the red background */ 

body {

      background-color: #ff1a1a;

      }

   /*I added the blue background to the navbar */

 .navbar {

      margin-bottom: 0;

      border-radius: 0;

      background-color: #000099;

    }



    /* I added a blue background with bold, black text */

    footer {

      background-color: #000099;

      padding: 25px;

      Color: black;

      font-weight: bold;

    }

    

  .carousel-inner img {

      width: 100%; /* Set width to 100% */

      height: 10%;

      margin: auto;

      min-height:200px;

  }



  /* Hide the carousel text when the screen is less than 600 pixels wide */

  @media (max-width: 600px) {

    .carousel-caption {

      display: none; 

    } 

 .item { 

        width: 50%;

       }