.navbar {
 width: 100%;
 background-color: black;
 padding: 0px;
 height: 5vh;
}
.navbar-nav{
   li:hover {
 background: linear-gradient(#ff0038, black);
 }
 li{
    padding: 0px 10px;
 }
}
@media (max-width: 767px) {
    .navbar-nav {
        flex-direction: column;
        width: 100%;
    }
    
    .navbar-nav li {
        width: 100%;
        text-align: center;
    }
}
.introduction h1{
 text-align: center;
 text-wrap: wrap;
 padding: 5vh 2vw;
 text-decoration: underline solid black;
}
.introduction p{
 text-align: center;
 text-wrap: wrap;
 padding: 2vh 2vw;
}
.title {
 border-top: 2px solid black;
 text-align: center;
 width: 100%;
 background-color: #e6e5eb;
 padding: 20px 0;
 margin: 0;
}
#street {
 background-color: #e6e5eb;
 height: 60vh;
 width: 100%;
 margin-bottom: 60px;
 border-bottom: 2px solid black; 
}
#street .carousel-inner {
 height: 60vh;
 width: 100%;
}
#street .carousel-item {
 height: 60vh;
 text-align: center;
}
#street .carousel-item img {
 height: 90%;
 width: auto;
 object-fit: contain;
 max-height: 100%;
 max-width: 100%;
 margin: 0 auto;
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 border: solid 2px black;
}
#street .carousel-indicators {
 bottom: -50px;
 position: absolute;
}
footer{
 background-color: black;
 color: white;
 text-align: center;
 padding: 10px;
 position: static;
 margin: 0;
 bottom: 0;
 width: 100%;
}