.gradient.gradient-purple-navy.overlay.alpha-7:after {
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(49,123,186, 0.9)), to(rgba(21, 52, 92, 0.5)));
    background-image: linear-gradient(to right top, rgb(49,123,186, 0.9), rgba(21, 52, 92, 0.5));
}
.text-primary {
    color: #ffbb34 !important;
}
.btn-primary{
    color: #ffffff;
	background-color: #245494!important;
	border-color: #245494!important;
}
.mx-auto{
    background: #fff;
	border: 1px solid #e8e8e8;
    padding: 40px;
    margin-left: -65px!important;
    box-shadow: 0 10px 10px -5px #000;
    margin-top: -36px;
}
.logo{
	width: 80%!important;
	max-width: 80%!important;
	min-width: 80%!important;
	margin:0 auto;
}

@media (max-width: 600px) {
	.logo{
		width: 80%!important;
		max-width: 80%!important;
		min-width: 80%!important;
		margin:0 auto;
    }
    .hidden-mobile{
        display: none!important;
    }
	.login-form{
		text-align: center;
	}
	.login-form input{
		text-align: center;
	}
	.text-secondary a.text-primary{
		display: block;
	}
	.justify-content-between{
		display: inline-block!important;
		width: 100%;
	}
	.justify-content-between a.text-warning, .justify-content-between .ajax-button{
		display: block!important;
		width: 100%!important;
		float: left!important;
	}
	.justify-content-between .ajax-button{
		margin-top:10px!important;
	}
}














































@media (max-width: 1450px) {
	.mx-auto .linkModule .card img{
		max-height: 50px;
	}
}
@media (max-width: 1300px) {
	.display-4{
		font-size: 28pt!important;
	}
	.logo{
		width: 90%!important;
		max-width: 90%!important;
		min-width: 90%!important;
		margin:0 auto;
    }

	.login-form .form-group{
	    width: 100%!important;
		max-width: 100%!important;
		min-width: 100%!important;
	}
	.login-form input{
		width: 100%!important;
		max-width: 100%!important;
		min-width: 100%!important;
	}
}
@media (max-width: 900px) {
	.mx-auto{
		margin:30px auto 0 auto!important;
		flex: -1px 0 80%;
		max-width: 80%;
		margin-left:-20px!important;
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
}
@media (max-width: 800px) {
	.hidden-mobile{
        display: none!important;
    }
	.login-form{
		text-align: center;
	}
	.login-form .form-group{
		text-align: center;
		max-width: 300px;
		margin:0 auto;
	}
	.login-form input{
		text-align: center;
		margin:0 auto;
	}
	.text-secondary a.text-primary{
		display: block;
	}
	.justify-content-between{
		display: inline-block!important;
		width: 100%;
	}
	.justify-content-between a.text-warning, .justify-content-between .ajax-button{
		display: block!important;
		width: 100%!important;
		float: left!important;
	}
	.justify-content-between .ajax-button{
		margin-top:10px;!important;
	}
	.bg{
		background: url('https://192.168.1.148/public/hermes/bg.png') no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
	}
	.shadow{
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}
	.mx-auto{
		position: relative;
		z-index: 9999;
		margin:30px auto 0 auto!important;
		box-shadow: 0 10px 10px -5px #FFF;
		flex: 0 0 70%;
		max-width: 70%;
	}
	.logo{
		width: 80%;
		max-width: 300px!important;
		min-width: 300px!important;
		margin:0 auto;
    }
}
/*@media (max-width: 799px) {
	.mx-auto{
		padding-left:10px;
		padding-right:10px;
		margin:30px auto 0 auto!important;
		flex: 0 0 80%;
		max-width: 80%;
	}
}
@media (max-width: 650px) {
	.mx-auto{
		padding-left:10px;
		padding-right:10px;
		margin:30px auto 0 auto!important;
		flex: 0 0 80%;
		max-width: 80%;
	}
	.new{
		height:40px;
		transform:rotate(-25deg);
	}
}*/
@media (max-width: 550px) {
	.bg{
		display: none;
	}
	.shadow{
		display: none;
	}
	.mx-auto{
		padding-left:10px;
		padding-right:10px;
		margin:0px auto 0 auto!important;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.mx-auto .linkModule .card img{
		max-height: 35px;
	}
}