h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
}

.bg-img {
	background-image: url("/images/fond_login.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	/*max-width: 100%;
    height: auto;*/
}


/*.card.card-login{
    display:flex
}
.card.card-login .card-login-splash{
    overflow:hidden;
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    background-color: #f5f5ff;
}
.card.card-login .card-login-splash h1,.card.card-login .card-login-splash h2,.card.card-login .card-login-splash h3,.card.card-login .card-login-splash h4,.card.card-login .card-login-splash h5,.card.card-login .card-login-splash .settings-title{
    margin-top:0
}
.card.card-login .card-login-splash img{
    position:absolute;
    bottom:20px;
    left:0;
    max-width: 220px;
    display:block;
    z-index:-1
}
.card.card-login .card-content{
    flex:1
}*/

#div-button-google {
	margin-bottom: 0;
}

#login {
	width: 100%;
}

.container {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.bottom_right {
	/*-webkit-box-shadow: 0px 1px 17px 6px #f7e367;*/
	/*box-shadow: 0px 1px 17px 6px #f7e367;*/
	border-radius: 10px;
	padding: 15px;
	background-color: #f5f5ffcc;
	width: 350px;
 	transition: all .5s ease-in-out; 
    /*transform: scale(0.9, 0.9);*/
}

@media only screen and (max-width: 780px) and (min-width: 0px) {
	.bottom_right {
		padding: 10px;
		background-color: #f5f5ffcc;
		min-width: 350px;
		align-self: center;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 30px;
	}
	.container {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}