.img-fluid {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 500px){
    .responsive{
        padding: 0px 20px;
        background-color: blue;
    }
}

.slider h3,
.slider h5,
.profil h3 {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.parallax-container{
    height: 20%;
}

.parallax img{
    filter: grayscale(1);
    opacity: 0.5 !important;
}


.profil img{
    max-width: 150px;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.8));
}

section {
    padding: 20px 0;
}

footer {
    padding: 40px 0;
}