.itemPresentation { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
.itemPresentation.column { flex-direction: column; align-items: center; }

.itemPresentation.spaced {
    margin-top: 25px;
    margin-bottom: 45px;
}

.itemPresentation>div { max-width: 500px; }

.itemPresentation>div:first-child {
    margin-right: 14px;
    flex: 1;
    display: flex; flex-direction: row; justify-content: flex-end; align-items: center;
}

.itemPresentation>div:first-child>img {
    width: 400px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.8), 0 15px 12px rgba(0,0,0,0.7);
}

.itemPresentation>div:last-child {
    margin-left: 14px;
    flex: 1;
}

.titleAndAccess { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }

@media all AND (max-width: 1023px) {

    .itemPresentation {
        flex-direction: column; align-items: center; justify-content: center;
        padding: 14px;
    }
    .itemPresentation>div, .itemPresentation>div:first-child, .itemPresentation>div:last-child {
        margin: 0;
        display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    }

    .itemPresentation>div:first-child>img {
        width: 100%;
        max-width: 600px;
    }

    .titleAndAccess {
        padding-top: 28px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .titleAndAccess p, .titleAndAccess h2 {
        text-align: center;
    }

}