.vessel-cards-container{
    /* OLD GRID STYLES
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:2rem;*/

    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: stretch;
    gap:2rem;
}

.vessel__card{

    background-color: white;
    border-radius:20px;
    overflow:hidden;
    box-shadow: 0px 0px 12px hsla(0,0,0%,0.6);

    width:100%;
    max-width: 550px;
    height:auto;
    display:flex;
    flex-direction: column;

    .vessel__card-body{
        display:flex;
        flex-direction:column;
        padding:1.2rem;
        flex-grow:1;
    }

    .vessel__card-head{
        background-color: black;
        padding-top: 60%;
        position:relative;
        img {
            position:absolute;
            width: 100%;
            height:100%;
            top:0;
            left:0;
            object-fit: cover;
        }
    }

    .vessel__trip-price{
        font-size:0.78rem;
        color:white;
        background-color: #54b2de;
        position:absolute;
        padding: 4px 8px;
        border-radius:100px;
        bottom:0.8rem;
        right:1.2rem
    }

    .vessel__card-heading{
        h3 {
            color: black;
            font-size:1.1rem;
            margin:0;
        }
        h4{
            color: #0000008A;
            font-size:0.9rem;
            margin:0;
            text-transform: uppercase;
        }
    }

    /*Vessel Description Wrapper*/
    .vessel__desc-wrapper{
        margin-bottom:8px;
        .vessel__label{
            font-size:0.78rem;
            color:#5a7a8a;
            margin-bottom:1px;
        }
        p {
            font-size:0.78rem;
            color: #1a2a3a;
            margin-bottom:0px;
        }
    }

    .vessel__desc-spacing{
        flex-grow:1;
    }

    .vessel__button{
        display:block;

        text-align: center;
        color: #0000008A;
        font-family: "Source Sans 3", Sans-serif;
        font-size:var(--fontSize-0);
        text-transform: uppercase;
        text-spacing: 0.5px;

        padding:12px 24px;
        margin-top:2rem;
        background-color: transparent;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #0201011C;
        border-radius: 73px 73px 73px 73px;
        cursor:pointer;
    }
}



/* OLD GRID STYLES
@media screen and (max-width:940px){
    .vessel-cards-container{
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width:560px){
    .vessel-cards-container {
        grid-template-columns: 1fr;
    }
}
*/

@media screen and (max-width:560px){
    .vessel-cards-container {
        flex-wrap: wrap;
    }
}