/* Style for the greyBox */
.greyBox {
    display: flex; /* Use flexbox to align items */
    flex-direction: column; /* Stack children vertically */
}



/* Style for the copyArea inside greyBox */
.copyArea {
    font-family: IBM Plex Sans;
    padding: 16px 30px 10px;
    display: flex; /* Use flexbox to align items */
    flex-direction: column; /* Stack children vertically */
    margin: 0; /* Remove any default margins */
}


#page-wrapper .greyBox .contentarea p {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.title {
    color: #0E3278;
    font-size: 32px;
    font-weight: 300;
    line-height: 120%;
    text-align: center;
}

.contentarea {
    font-size: 33px;
    font-weight: 100;
    margin-top: 5px;
}

/* Style for the image inside greyBox */
.greyBoxImage img {
    width: 100%;
    display: block;
    height: 200px;
    object-fit: cover;
}

.greyBox.fixed_height .greyBoxImage img {
    width: 100%;
    display: block;
    height: 20vw;
    object-fit: cover;
}

.row.six-columns .greyBoxImage img {
    object-fit: contain !important;
    min-height: unset !important;
}

@media (max-width: 1400px) {
    .greyBoxImage img {
    max-height: 30vw;
    min-height: 30vw;
}
}

@media (max-width: 768px) {
    .greyBoxImage img {
    max-height: 50vw;
    min-height: 50vw;
    height: unset;
}
}