#foto2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#foto {
    margin: 0 20% 0 20%;
}

.foto {
    height: 700px;
    border-radius: 50px;
    padding: 0;    
}

.foto1 {
    width: 100%;
    padding: 0;
}

@media (max-width: 1100px) and (orientation: portrait) {
    #foto {
        margin: 0;
    }

    .foto {
        height: 100%;
        width: 100%;
        border-radius: 50px;
        padding: 30px;    
    }
}