body.login{
min-height: 100vh;
}
body.login .bg{
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNsOH+5HgAGnAKj1kUurwAAAABJRU5ErkJggg==);
background-color: #80cfd3;
background-size:cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
transition: opacity 1s;
-webkit-transition: opacity 1s;
opacity: 0;
}
body.login:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #80cfd3;
z-index: -3;	
}
.no-margin{
margin:0;	
}
.no-margin-bottom{
margin-bottom:0 !important;	
}
.relative{
position:relative;	
}
.login .logo-wrap{
position: absolute;
top: -3rem;
width: 5rem;
height: 5rem;
left: calc(50% - 2.5rem);
border-radius: 50%;
text-align: center;
line-height: 5rem;
vertical-align: middle;	
}
.login .logo-wrap img{
height: 3rem;
display: inline-block;
margin: 1rem 0;	
}
.login h1{
font-size: 2rem;
}
.login h2{
font-size: 1.5rem;	
}
@media only screen and (max-width: 600px) {
.center-on-small-only {
text-align: center !important;
}
.mobile-margin{
margin-bottom:1rem;	
}
}