@media only screen and (max-width: 767px) {
	.login-text {
		margin : 15px auto !important;
	}
	.ui.container {
	    width: auto !important;
	}
	#registration-form,
	#login-or-register {
		width: 100%;
		margin: 30px 15px auto auto !important;
	}
	.login-wrapper {
		width: 98%; 
		margin: 0 auto !important;
	}
	.login-wrapper .login-form {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#login-or-register.login {
		width: 100% !important;
	}

	.ui.raised.padded.content.container {
		width: 100% !important;
	    margin: 50px auto !important;
		padding-right: 15px;
	    padding-left: 15px;
	}

	/* mentor */
	.back-button {
	    float: none;
	}

	/* admin dashboard */
	.three.column.stackable.ui.grid {
		padding: 20px 0 !important;
	}
	.three.column.stackable.ui.grid  .two.column {
		text-align: center;
	}
	.three.column.stackable.ui.grid  .two.column .icon.right,
	.three.column.stackable.ui.grid  .two.column .icon.left {
		float: none;
	}
}