.card{
    margin: auto;
    margin: 0% 10% 10% 10%;
}

.bg_container{
    background: #780206;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #061161, #780206);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #061161, #780206); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}



@media screen and (max-width: 700px) {
  .card{
    margin: auto;
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 10%;
    margin-bottom: 10%;
    padding-right: 10px;
    padding-left: 10px;
}

.bg_container{
    height: 100%;
}
}