@media all and (min-width: 200px){
	body.login-sns{
		background-image: url(../../img/bg_login1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
		height: 100vh;
	}
	body.login-sns:before{
		content: '';
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(../../img/bg_triangulos.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	body.login-sns .wrapper-page{
		width: 100%;
		margin: 0;
		height: 100%;
		display: table;
	}
	body.login-sns .wrapper-page .celda{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	body.login-sns .wrapper-page .celda .panel{
		max-width: 400px;
		margin: 0 auto;
		background-color: transparent;
		box-shadow: none;
		border: none;
	}
	body.login-sns .wrapper-page .celda .panel .panel-heading{
		background-color: transparent;
		margin: 0 0 20px 0;
		padding: 0;
	}
	body.login-sns .wrapper-page .celda .panel .panel-heading img{
		width: 90%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	body.login-sns .wrapper-page .celda .panel .btn-entrar{
		background-color: #4cb6e1;
		color: #ffffff;
	}

	body.login-sns .footsns{
	    position: absolute;
	    bottom: 0;
	    z-index: 99;
	    border-bottom: 2em solid #2d2d2d !important;
	    width: 100%;
	    background-color: rgba(0,0,0,.5);
	    text-align: center;
	    padding: .4em 0;
	}
	body.login-sns .footsns figure{
		display: none;
		vertical-align: middle;
		width: 9em;
		margin: 0 1.5em;
	}
	body.login-sns .footsns figure img{
		width: 100%;
		height: auto;
		display: block;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
}
@media all and (min-width: 768px){
	body.login-sns .footsns figure{
	    display: inline-block;
	}
}