@media screen and (max-width: 700px){
section:nth-child(1){
    transition: 1s;
    height: 40vh;
}


section:nth-child(1) h2{
    transition: 1s;
    padding-top: 25vh;
    font-size: 5vh;
}
section:nth-child(2){
    transition: 1s;
    height: auto;
    display: block;
}
section:nth-child(2) article:nth-child(1){
    width:100%;
    height: 40vh;
    display: flex;
    transition: 1s;
}
section:nth-child(2) article:nth-child(1)  p{
    font-size: 6.4vh;
}
section:nth-child(2) article:nth-child(1)  a {
    top:31vh;
    padding: 7px 15px 5px 15px ;
    font-size: 2.5vh;
}
section:nth-child(2) article:nth-child(2){
    width:100%;
    height: 40vh;
    transition: 1s;
}
section:nth-child(3) h2{
    font-size: 5vh;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26);
}
section:nth-child(2) article:nth-child(2) p {
    font-size:8vh;
    
}
.card-body .infos{
    font-size: 5.9vw;
}
}