.ships {
    display: flex;
    flex-wrap: wrap;
}

.ship:nth-child(3n) {
    margin-right: 0px;
}

.ships .logo img {
    max-width: 60%;
    transition: transform .4s ease-in-out;
}
.ships .logo img:hover{
    transform: scale(1.5);
}

.ship {
    text-align: left;
    flex: 0 1 33.33%;
    width: 33.33%;
    margin-bottom: 70px;
    padding: 15px;
    box-sizing: border-box;
}
.ship_container{
    
    background: rgba(16,19,23,0.8);
    background: -moz-radial-gradient(center, ellipse cover, rgba(16,19,23,0.8) 0%, rgba(31,37,45,0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(16,19,23,0.8)), color-stop(100%, rgba(31,37,45,0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(16,19,23,0.8) 0%, rgba(31,37,45,0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(16,19,23,0.8) 0%, rgba(31,37,45,0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(16,19,23,0.8) 0%, rgba(31,37,45,0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(16,19,23,0.8) 0%, rgba(31,37,45,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101317', endColorstr='#1f252d', GradientType=1 );
    
    -webkit-box-shadow: 5px 5px 15px 5px #000000; 
    box-shadow: 5px 5px 15px 5px #000000;
    padding: 15px;
    height: calc( 100% - 230px);
    width: calc( 100% - 30px );
}
.crew {
    width: 100%;
}
.ships .logo {
    text-align: center;
    height: 200px;
}
.ship .name {
    font-family: 'Michroma', sans-serif;
}

.ship .name h4 {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.crew span {
    display: block;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
.crew span:last-of-type {
    margin-bottom: 0px;
}