html{
   height: 100%;
   }
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body {
background-color: #e3e3e3; 
height: 100%;
}
.container{
  position: absolute;
  max-width: 600px;
  height: 500px;
  margin: auto;
  top: 50%;
  left: 50%;
    transform: translate(-50%, -50%);
}

.card{
margin-top: auto;
background-color: white !important;
border: 1px solid #d1d1d1;
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
a, a:hover {
color: #FF5757;
}
.btn-primary {
    color: #fff;
    background-color: #ff5757;
    border-color: #ff5757;
}
.btn-primary:hover {
    background-color: #fb3a3a;
	border-color: #fb3a3a;
}
.img {
	 background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
	height: 100px;
	border-top-left-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  border-top-right-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  }