.carousel-inner {
    border-style: solid;
    border-width: 10px;
    border-color: #616161;
    border-radius: 5px;
}
.carousel {
  float: right;
  height:40%;
  width: 30%;
  margin: 3%;
  
}
[role="button"]:active {   
  background-color: white;
  color: navy;
} 


@media only screen and (max-width: 600px) {
  header,footer{
    background-color: rgba(0,0,255,0);
  }
  .carousel {
    float: right;
    height: 45%;
    width: 35%;
    margin: 3%;
  /*.carousel-inner {
      border-style: solid;
      border-width: 15px;
      border-color: #e6e1ee;
      border-radius: 10px;
  }*/
  }
}