/* estilos para fondo de la página */
body{ background-color: #2196F3 !important; }
/* aplicar alto al container  y al primer row */
body .container-auth, body .container-auth .row.content-primary{ height: 100vh; }
/* aplicarle un box shadow al segundo row del container */
body .container-auth .row.content-secondary{ -webkit-box-shadow: -1px 2px 12px #666; box-shadow: -1px 2px 12px #666; }
/* cambiamos tamaño al logotipo */
.content-secondary .logotipo{ height: 50px !important; }
/* estilos para el titulo del contenido */
.content-secondary h1{ margin-bottom: -5px; text-transform: uppercase; }
/* estilos para el slogan del contenido */
.content-secondary small{ color: #888; letter-spacing: 1px; }

.content-secondary p{ line-height: 28px; }

/* media queri para md */
@media( min-width: 768px)
{
	/* estilos para el container  y al primer row */
	body .container-auth, body .container-auth .row.content-primary{ height: 80vh; margin-top: 10vh; }
	/* estilos para el primer row */
	body .container-auth .row.content-primary{ -webkit-box-shadow: -1px 3px 10px #666; box-shadow: -1px 3px 10px #666; }
	/* estilos para el segundo row */
	body .container-auth .row.content-secondary{ box-shadow: none; }
	/* estilos para el contenedor de la imagen del primer row */
	body .container-auth .row.content-primary .content-image{ background-image: url(../../img/banner.jpg); background-size: cover; }
}

/* media queri para lg */
@media( min-width: 999px )
{
	/* estilos para el primer row */
	body .container-auth .row.content-primary{ margin: 0 auto; width: 80% !important; }
}