* {
		font-family: Montserrat, sans-serif;
		font-size: 0.95em;
	}

	body {
		padding: 20px;

	}

	h1 {
		font-size: 1.5em;
		padding: 0px;
		margin: 0px;
		margin-bottom: 20px;
	}

	input:read-only {
    	background-color: #ddfaff;
	}
	.seccion2 {
		margin-top:300px ;
	}

	.seccion {
		display: inline-block;
		padding: 0px 10px;
	}
	.seccion3 {
		display: inline-block;
		width: 420px;
		padding: 0px 10px;
	}
	.seccion3 button {
		display: block;
		float: right;
		width: 120px;
		height: 50px;
		margin: 30px 0 20px 0;
		color: #ffffff;
		background: #066eb0;
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		text-align: center;
		border-radius: 4px;
		border: 1px solid #066eb0;
	}
	.seccion h2 {
		font-size: 1.1em;
		margin-bottom: 20px;
	}

	.caja-input {
		display: block;
		float: left;
		align-items: center;
	}

	.caja-input label {
		font-size: 18px;
		color: #303030;
		display: block;
		float: left;
		width: 100%;
		font-weight: normal;
		margin: 10px 0;
	}

	.caja-input input {
		width: 92%;
		min-width: 400px;
		height: 55px;
		font-size: 20px;
		display: block;
		float: left;
		padding: 5px 5px 0 15px;
		border: 1px solid #ccc;
		border-radius: 4px;
		border: 1px solid #bdbdbd;
  		background: #ffffff;
  		background-blend-mode: normal;
	}

	.caja-input2 {
		display: block;
		width: 32%;
		float: left;
		align-items: center;
		margin-right: 1%;
	}
	.caja-input2 label {
		font-size: 18px;
		color: #303030;
		display: block;
		float: left;
		width: 100%;
		font-weight: normal;
		margin: 10px 0;
	}
	.caja-input2 input {
		width: 83%;
		min-width: 40px;
		color: #363636;
  		font-size: 20px;
		height: 55px;
		display: block;
		float: left;
		padding: 5px 5px 0 15px;
		border: 1px solid #ccc;
		border-radius: 4px;
		border: 1px solid #bdbdbd;
  		background: #ffffff;
  		background-blend-mode: normal;
	}
	input::placeholder {
  		font-weight: 400;
  		font-size: 15px;
  		opacity: 0.5;
  		color: #a2a2a2;
	}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
	input[type=number] { -moz-appearance:textfield; }
	.resultado {
		font-size: 1em;
		font-weight: bold;
	}

	#mensaje-final {
		display: none;
	}
	.seccionresultado {
		color: #5e5e5e;
  		font-size: 21px;
  		font-weight: 600;
  		line-height: 35px;
  		margin-left: 6px;
  		align-items: center;
	}
	.ocultar {
		display: none;
	}
	.contenedor {
		width: 450px;
	}
	@media screen and (max-width: 600px) {

	body {
		padding: 4px;
	}	
	
	.contenedor {
		width: 300px;
	}
	.caja-input input {
		min-width: 290px;
		height: 50px;
		font-size: 17px;
		padding: 3px 3px 0 12px;
	}
	.caja-input label {
		font-size: 15px;
	}
	.caja-input2 label {
		font-size: 15px;
	}
	.caja-input2 input {
		width: 80%;
		min-width: 80px;
  		font-size: 17px;
		height: 50px;
		margin-right: 0;
		padding: 3px 3px 0 12px;
	}
	.seccion3 {
		width: 300px;
	}
	}