/*
*	custom css for the login page
*/

#login {
	max-width:320px;
	width:100%;
	padding:0;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.wp-core-ui .button, .wp-core-ui .button.button-large, .wp-core-ui .button.button-small, a.preview, input#publish, input#save-post {
	width:100%;
	margin:10px auto;
    white-space: normal;
}

.login #nav {
    margin-top: -40px;
    padding-bottom: 20px;
}

.freshdesk { 
	position: absolute;
    padding: 0 20px;
    right: 10px;
    top: 10px;
    text-align: center;
    max-width: 210px;
}

@media (max-width: 450px) {


	.freshdesk {
		left: 10px;
		max-width: inherit;
        display:none;
	}

    #login {
        top: inherit;
        transform: inherit;
    }


}