/* MOBILE LOGIN 768px */
@media( max-width: 768px ) {

	#login {
		width: 100%;
	}
	#login > .title,
	.news .subtitle {
		width: 86%;
		margin: 0 7%;
	}
	#login > .title {
		margin-bottom: 20px;
		font-size: 35px;
	}
	.news .title span {
		font-size: 14px;
	}

	#login .wrapperLogin {
		width: 100%;
		padding: 40px 7%;
		padding-bottom: 10px;
	}

	#login .wrapperLogin .perc-50,
	#login .wrapperLogin .perc-20,
	#login .wrapperLogin .perc-30 {
		width: 100%;
	}
	#login .wrapperLogin .perc-50 + .perc-20 {
		margin-left: 0;
	}
	#login .wrapperLogin input[type='submit'] {
		width: 100%;
		padding: 10px 40px;
		outline-color: #E2151A;
		-webkit-appearance: none;
		border-radius: 0;
	}
	#login .wrapperLogin hr {
		margin: 15px 0 30px 0;
	}

	/* RIGHT */

	#right {
		width: 86%;
		margin: 0 7%;
	}

	#right .col {
		display: block;
		clear: both;
		width: 100%;
		margin-bottom: 40px;
	}
	#books .titles,
	#right .titles	{
		width: 100%;
	}
}