/* Make the image fully responsive */
  .carousel-inner img{
    width: 98%;
    height: 100%; 
  }

#mapoD{
       background-image: url("../../images/2018/IMG_0205.JPG");
       background-size:cover;
       background-repeat: no-repeat;
       width:100%;
       height:460px;   /* must be px not be em */
       margin-bottom: 30px;
       box-shadow: 8px 8px 10px 0 #888899;
}

#mapoD:hover{
       background-image: url("../../images/2018/IMG_0219.JPG");
       width: 100%;
       height:460px;  
       background-size:cover;
       background-repeat: no-repeat;
}

h3{
   text-shadow: 1px 1px 2px green, -1px 1px 2px green, 1px -1px 2px green, -1px -1px 2px green;   
}