.card {
    max-width: 500px;
    min-width: 500px;
    background-color: rgb(255,255,255);
    margin: 30px;
}
.card-header{
	background-color: #fff;
}
body{
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-position: center 20%;
	background-repeat: no-repeat;
	height: 100vh;
}
body:before{
	content: '';
	background-color: rgba(0,0,0,0.6);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
@media(max-width: 575px){
	body{
		font-size: 13px;
	}
	.card{
		max-width: 100%;
		min-width: auto;
	}
}
@media(max-width: 400px){
	body{
		font-size: 12px;
	}
}