/* grid-fullwidth-row */
.grid-fullwidth-row-section {width: 100%; display: block; margin: 0; padding: 0; border: 0;}
.grid-fullwidth-row {display: flex; flex-wrap: wrap; width: 100%;}
.grid-fullwidth-row-one {flex: 0 0 25%; position: relative; aspect-ratio: 1 / 1.18; overflow: hidden;}
.grid-fullwidth-row-one > a {display: block; width: 100%; height: 100%; position: relative; text-decoration: none;}
.grid-fullwidth-row-one > a > img {width: 100%; height: 100%;}
.grid-fullwidth-row-one-shadow {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-color: #364658; background-color: rgba(54, 70, 88, 0.6); transition: opacity 0.3s ease; }
.grid-fullwidth-row-one > a > p {position: absolute; top: 4rem; left: 3rem; color: #fff; font-size: 4.1rem; font-weight: 300; margin: 0;  
    text-transform: uppercase; font-family: "Comfortaa", sans-serif; text-shadow: -0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.50); line-height: 1.3;}
.grid-fullwidth-row-one > a > button {position: absolute; bottom: 5rem; left: 50%; color: #fff; background-color: transparent; font-size: 2.1rem; 
    font-weight: 300; padding: 1.8rem 3.5rem 1.8rem 3.5rem; text-transform: uppercase; border: 2px solid #fff; border-radius: 1.5rem; 
    transition: all 0.3s ease; margin: 0; opacity: 0; visibility: hidden;  transform: translateX(-50%); text-wrap: nowrap; letter-spacing: 0.1rem;}
/* grid-fullwidth-row-one : hover */
.grid-fullwidth-row-one:hover .grid-fullwidth-row-one-shadow {opacity: 0;}
.grid-fullwidth-row-one:hover button {opacity: 1; visibility: visible;}