body .alert, .brand, .btn-simple, .h1, .h2, .h3, .h4, .h5, .h6, .navbar, .td-name, a, body, button.close, h1, h2, h3, h4, h5, h6, p, td {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
@media screen and (min-width: 1025px){
	body {
	    background-color: initial;
	    background-image: url(../img/bg.jpg);
	    background-size: cover;
	}
	main{
		float: right;
	    width: 40%;
	    height: 100vh;
	    background-color: #fff;
	    border-left: 1px solid #ccc;
	}
	.card {
	    border: 0px solid rgba(0, 0, 0, 0.125);
	}
	.card-body {
		margin-top: 25%;
	}
	.card-logo{
		margin-bottom: 10%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	body {
	    background-color: initial;
	    background-image: url(../img/bg.jpg);
	    background-size: cover;
	}
	.card {
		margin-top: 20%;
	}
	.card-logo{
		margin-top: 4%;
		margin-bottom: 7%;
	}
}

@media screen and (max-width: 767px){
	body {
	    background-color: initial;
	    background-image: url(../img/bg.jpg);
	    background-size: cover;
	}
	.card {
		margin-top: 20%;
	}
	.card-body{
	    height: 80vh;
	}
	.card-logo{
		margin-top: 4%;
		margin-bottom: 7%;
	}
}