@media{
	html, body {
	}
	
	html{
		margin: auto;
		width: 100%;
		display: inline-block;
	}
	
	body{
		background: white;
		width: 100%;
		min-height: 100%;
/*		background: url(calculadora.jpg) no-repeat center center fixed;*/
		background-repeat: no-repeat;
		background-size: cover;
/*		display: table-cell;*/
		vertical-align: middle;
		scroll-behavior: inherit;
	}
	
	h3, #btnEnviar, #btnRestitui{
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 100%;

	}

	a:hover{
		text-decoration: none;
	}
/*	background: #0f1f4c;*/
		 
	.second-bg{
		background-image: url('calculadora.jpg');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
	}

	.max-height{
		height: 100%;
	}

	#green-prisma{
		position: absolute;
		right: 0;
		top: 0;
		width: 25%;
		opacity: 0.8;
	}

	.logo-container{
		text-align: center;
		margin-bottom: 30px;
	}

	.main-logo{
		width: 200px;
	}

	#btnEnviar, #btnRestitui{
		background-color: rgb(254, 174, 20);
	}
	
	#btnRestitui{
		margin-top:5%;
	}
	
	#area-formulario{
		background: white;
	}
		
	#formulario{
		display: inline-block;
		padding: 5%;
		background: white;
		padding: 10% 13% 10% 13%;
		margin-bottom: 0px;
	}
	
	#btn-moeda, #tipoEstabelecimento,#collapseExample, #valorMensal{
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 80%;		
		height: 60px;
		background: #4d4d4d;
		color: white;
		border-radius: 6px;
	}

	#btn-moeda{
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	#valorMensal{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	#btn-moeda, #tipoEstabelecimento,#collapseExample, #valorMensal::placeholder {
		color: white;
	}

	#btn-moeda, #tipoEstabelecimento,#collapseExample, #valorMensal:-ms-input-placeholder {
		color: white;
	}

	#btn-moeda, #tipoEstabelecimento,#collapseExample, #valorMensal::-webkit-input-placeholder {
		color: white;
	}

	#btnEnviar{
		margin-top: 20px;
	}

	#btnEnviar, #btnRestitui{
		background: #004476;
		color: white;
		height: 60px;
		padding-right: 30px;
		padding-left: 30px;
		font-weight: bold;
		border-radius: 6px;
		border: 1px solid #004476;
		transition: all 300ms ease-in-out;
	}

	#btnEnviar:hover, #btnRestitui:hover{
		transform: scale(1.1);
	}

	#formulario h3{
		text-align: left;
		font-weight: bold;
		color: #004476;
		margin-top: 15px;
		display: inline-block;
	}

	::-webkit-input-placeholder { /* Edge */
	  color: white;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: white;
	}

	::placeholder {
	  color: white;
	}
	
	#img{
		margin-top:-2%;
		width: 20%;
	}

	.text-block{
		display: flex;
		align-items: center;
		height: 100%;
		text-align: right;
		float: right;
		padding-right: 60px;
	}

	.text-block h1{
		color: white;
		font-size: 30px;
		font-weight: bold;
	}

	.text-block h1 .orange-text{
		color: white;
	}

	#texto{
		display: none;
	}

	.btn-container{
		margin-top: 15px;
	}

	.btn-container span{
		display: block;
		font-weight: bold;
		color: #525252;
		font-size: 26px;
		line-height: 28px;

	}

	.btn-container a{
		background:#004476;
		color: white;
		line-height: 60px;
		padding-right: 30px;
		padding-left: 30px;
		font-weight: bold;
		border-radius: 6px;
		border: 1px solid #004476;
		transition: all 300ms ease-in-out;
		margin-top: 15px;
		margin-bottom: 20px;
		display: inline-block;
	}

	.btn-container a:hover{
		transform: scale(1.1);
	}
	
	#modalBody{
		width: 100%;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		font-size: 120%;

		padding-right: 60px;
		padding-left: 60px;
	}
	
	#modalBody p{
		width: 100%;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		font-size: 80%;
	}	

	.modal-header{
		border: none;
	}

	#img{
		width: 150px;
	}

	#resultado{
		margin-top: 30px;
		margin-bottom: 0px;
	}

	#resultado div{
		font-weight: bold;
		color: #525252;
		font-size: 26px;
		line-height: 28px;
	}
}

@media (max-width: 768px) {
  .text-block {
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
	padding-right: 0px;
  }
  #area-formulario{
  	margin-bottom: 35px;
  }
}