/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }

.TwoColsImagetext { margin: 100px 0; }

.TwoColsImagetext  img {
    aspect-ratio: 680/1084;
    width: 100%;
    object-fit: cover;
}
@media (width: 768px){
    .TwoColsImagetext  img {
        height: 455px;
    }
}

.TwoColsImagetext.Small  img {
    height: 700px;
}

.TwoColsImagetext .textBox {
    text-align: center;
    padding: 0 20px;
}

.TwoColsImagetext .textBox .desc > * {
    font-family: inherit;
    font-size: 22px;
    line-height: 26px;
    font-weight: 100;
}

.TwoColsImagetext .textBox * { color: #fff }

.TwoColsImagetext .textBox .boxCta {
    border-radius: 99px;
    text-transform: uppercase;
    color: var(--gris-osc);
    font-size: 14px;
    padding: 10px 20px;
}

@media (max-width: 576px) {
    .TwoColsImagetext { margin: 50px 0; }
    .TwoColsImagetext .textBox { padding: 20px; }
    .TwoColsImagetext .textBox h2 { font-size: 40px; }
}