.text-with-image { margin-top: 20px; margin-bottom: 50px; }


.twi { background: #F3F3F3; display: flex; flex-wrap: wrap; }
.twi-image { display: block; }
.twi-image img { display: block; height: 100%; object-fit: cover; width: 100%; }
.twi-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.twi-text { font-family: 'neue-haas-unica', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 300; line-height: 172.49%; letter-spacing: 0.06em; margin-bottom: 55px; }
.twi-title { margin-bottom: 20px; }

@media all and (min-width: 1025px) {
    .twi-text { font-size: 16px; }
    .twi-image { height: 800px; width: 50%; }
}
@media all and (max-width: 1024px) {
    .twi-text { font-size: 14px; }
    .text-with-image { margin-left: 20px; margin-right: 20px; }
    .twi-image { height: 50vh; width: 100%; }
    .twi-content { padding: 30px; width: 100%; }
}

@media all and (min-width: 1367px) {
    .text-with-image { margin-left: 80px; margin-right: 80px; }
}
@media all and (min-width: 1281px) and (max-width: 1366px) {
    .text-with-image { margin-left: 70px; margin-right: 70px; }
}
@media all and (max-width: 1280px) {
    .text-with-image { margin-left: 60px; margin-right: 60px; }
}
@media all and (max-width: 1024px) {
    .text-with-image { margin-left: 30px; margin-right: 30px; }
}
@media all and (min-width: 1025px) and (max-width: 1360px) {
    .twi-content { padding-left: 6%; width: 40%; }
}
@media all and (min-width: 1361px) {
    .twi-content { padding-left: 6%; width: 25%; }
}