@media screen and (min-width: 679px) {
    .Element {
        max-height: 65vh;
        display: flex;
        flex-direction: row;
    }
    .Element img { 
        width: 45%;
        min-width: 45%;
        height: 65vh;
        min-height: 65vh;
        object-fit: cover; 
    }
    .Content {
        display: flex;
        flex-direction: column;
        padding: 50px 15%;
        align-items: center;
        justify-content: center;
        width: 60vw;
    }
    .Content .Button2 {
        margin-bottom: 30px;
        
    }
    .Content h2 {
        margin: 0;
    }
}

@media screen and (max-width: 679px) {
    .Element {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .Element img { 
        width: 100%;
        height: 32vh;
        min-height: 32vh;
        object-fit: cover; 
    }
    .Content {
        padding: 70px 15%;
    }
    .Content h2 {
        margin-top: 0px;
    }
    
}

.Title {
    text-align: center;
}

.Fil {
    display: flex;
    flex-direction: column;
}

.Fil .Element:nth-child(odd) {
    background: #DBDBDB;
    
}

.Fil .Element:nth-child(even) {
    background: #CCCCCC;
    flex-direction: row-reverse;
}

.error {
    color: red;
    text-align: center;

    font-weight: bold;
    font-size: 20px;
}