.maincontent {
    position: relative;
    max-width: 100%;
}

.card{
background: #fff;
height: 570px;
text-align: left;
transition:0.5s;
color: #000;
}

.card:hover{
transform: translateY(-15px);
}

.card-img-top{
text-align: center;
}

.card-img-top img{
height: 200px;
    max-width: 150px !important;
width: 100%;
}

.card-body{
padding: 10px 30px;
height: 250px;
margin-bottom: 10px;
border-top: 1px solid #000;
border-bottom: 5px double #000;

}

.card-text{
font-size: 18px;
}

.card-footer{
padding: 10px 30px;
}

a.btn.btn-primary {    padding: 16px 28px;    border-radius: 0;    background: #000;    border: none;   box-shadow: 0 4px 5px -3px #333;    transition: 0.5s;    font-weight: bold;transition: ease-out 0.4s;margin-top: 20px;}
a.btn.btn-primary:hover {    box-shadow: inset 0 0 0 50px #4c4c4d; }