/* Subpage - References */

.reference-wrapper {display: flex;flex-wrap: wrap;}
.reference-wrapper-item {width: calc(50% - 60px);margin: 20px;display: flex;background:#f2f2f2;text-decoration:none;border-bottom:1px solid #f2f2f2;}
.reference-wrapper-item:hover {border-bottom:1px solid #12B2C0;background:rgba(18,178,192,0.1);}
.reference-image {height: 200px;width: 160px;background-size: cover;}
.reference-right {padding: 20px;}
.reference-auteur {font-size: 16px;font-style: italic;margin-top: 10px;color:black;}

.row-three-item-wrapper {margin: 0px 30px;}
.row-three-item-image {width: 100%;background-size: cover;height: 400px;background-position: center;}
.row-three-item-text-wrapper {width: calc(95% - 40px);margin-left: auto;margin-right: auto;padding: 20px;background: linear-gradient(0deg, rgba(242,242,242,0) 0%, rgba(255,255,255,1) 53%);margin-top: -80px;z-index: 100;}
.row-three-item-title {color: rgba(103,46,153,1);font-weight: 500;font-size: 20px;}
.read-more-button {width: fit-content;padding: 10px;background: #004285;color: white;text-transform: uppercase;font-size: 14px;font-weight: 500;margin-top: 40px;}
.read-more-button:hover {background: #12B2C0;}
.row-three-items {display: flex;padding: 40px;}
.row-three-item-read-more-button a {text-decoration: none;}

/* Responsive tot 500px */
@media only screen and (max-width: 800px) {

  .row-three-items {display: block;padding: 40px 0px;}

}