html,
 body,
 .container {
 	height: 100%;
 }

 .landing-form {
 	font-size: 0.7em;
 	width: 90%;
 	margin-left: 5%;
 }

 .button-confirm {
 	display: block;
 	width: 100% !important;
 	margin-top: 12px;
 }

 /* Reset */
 html,
 body,
 h1,
 p,
 a,
 div,
 section {
 	margin: 0;
 	padding: 0;
 	font-size: 100%;
 	font: inherit;
 }

 /* Basic */
 body {
 	font: 18px/23px "Cantarell", sans-serif;
 	color: #ffffff;
 }

 a {
 	color: #ffffff;
 }

 p {
 	margin: 0 0 2px 0;
 }

 strong {
 	font-weight: 700;
 }


 .btn {
 	padding: 4px 8px;
 	font-size: 12px !important;
 }

 .button-confirm {
 	font-size: 14px !important;
 	padding: 10px 16px !important;
 }


 .centrar {
 	position: absolute;
 	/*nos posicionamos en el centro del navegador*/
 	top: 55%;
 	left: 50%;
 	/*determinamos una anchura*/
 	width: 100%;
 	max-width: 600px;

 	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
 	margin-left: -300px;

 	/*determinamos una altura*/
 	height: 300px;
 	margin-top: -150px;
 	border: 0px;
 	padding: 5px;
 }


 .bloque_central {
 	display: block;
 	width: 100%;
 	max-width: 590px;
 	background-color: rgba(0, 0, 0, 0.7);
 	margin: 0 auto !important;
 	border-radius: 6px;
 	color: #FFFFFF;
 }

 .pie_bottom {
 	position: fixed;
 	left: 0px;
 	bottom: 0px;
 	font-size: 11px;
 	color: #dddddd;
 	width: 100%;
 	padding: 6px;
 	line-height: 100%;
 	background-color: rgba(0, 0, 0, 0.7);
 }

 .txt_bajo_boton {
 	font-size: 12px;
 	color: #dddddd;
 }

 .boton_img {
 	width: 100%;
 	display: block;
 	max-width: 500px;
 }


 .centrar-interno {
 	margin-left: -250px;
 }

 .content-checkbox,
 .text-after-button-pos {
 	font-size: 12px;
 	color: #d4d4d4;
 }

 .txt_suscripcion_diaria {
 	font-size: 12px;
 	color: #d4d4d4;
 	text-align: center;
 }



 .terms-computer {}

 .terms-mobile {
 	display: none
 }

 @media (max-width: 767px) {
 	.terms-computer {
 		display: none;
 	}

 	.terms-mobile {
 		display: block;
 	}


 	.input-group-lg>.form-control,
 	.input-group-lg>.input-group-addon,
 	.input-group-lg>.input-group-btn>.btn {
 		height: 36px;
 		padding: 4px 6px;
 		font-size: 16px;
 		border-radius: 4px;
 	}

 	.form-group {}

 }

 @media (max-width: 600px) {


 	.bloque_central {
 		max-width: 400px;
 	}

 	.centrar {
 		width: width:400px;
 		margin-left: -205px;
 		height: 300px;
 		margin-top: -150px;
 	}

 }


 @media (max-width: 400px) {
 	.centrar {
 		width: 320px;
 		margin-left: -160px;
 		height: 300px;
 		margin-top: -150px;
 	}

 }

 .language-select {
 	padding: 0 !important;
 	height: 20px !important;
 	position: fixed !important;
 	top: 0;
 	right: 1em;
 	width: 5em;
 }

 @media (min-width: 1500px) {
 	.language-select {
 		right: 20em;
 	}

 }

 @media (min-width: 1700px) {
 	.language-select {
 		right: 40em;
 	}


 }