* {box-sizing: border-box;}
#caixa {padding:25px; font-family:montserrat; font-weight:bold; margin-bottom:15px; border:2px solid #ccc;}
#caixa_msg {padding:25px; background:#f8f8f8; font-family:montserrat; font-weight:bold; height:180px; resize:none;}
#breadfont {font-family:montserrat;}
#btn_formulario {text-transform:none; font-size:21px; font-family:montserrat; background: #FFB75E;
background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);
background: linear-gradient(to right, #ED8F03, #FFB75E)}
#btn_formulario:hover {background:#333; color:#fff}


/* Create two equal columns that floats next to each other */
._imgresponsive {width:100%;}
.titulo{font-weight:bold; text-transform:uppercase}
.layer1 {
  float: left;
  width: 50%;
  padding:50px;
  height: 100%; /* Should be removed. Only for demonstration */
  text-align:left;
  text-align:justify;
  font-size:19px;
  font-family:montserrat;
}

.layer2 {
  float: left;
  width: 50%;
  padding: 50px;
  height: 100%; /* Should be removed. Only for demonstration */
  text-align:left;
  text-align:justify;
  font-size:19px;
  font-family:montserrat;
}



.column {
  float: left;
  width: 50%;
  padding: 100px;
  height: 550px; /* Should be removed. Only for demonstration */
  text-align:center;
  font-size:17px;
  font-family:montserrat;
}
.column2 {
  float: left;
  width: 50%;
  padding: 50px;
  height: 100%; /* Should be removed. Only for demonstration */
  text-align:left;
   font-size:19px;
  font-family:montserrat;
}
.column_img {
  float: left;
  width: 40%;
  padding: 100px;
  height: 100%; /* Should be removed. Only for demonstration */
  text-align:center;
}

.column_imghome {
  margin-top:85px;	
  float: left;
  width: 40%;
  padding: 0px;
  height: 100%; /* Should be removed. Only for demonstration */
  text-align:center;
}

.column_img2 {
  float: left;
  width: 50%;
  padding: 100px;
  height: 100%; /* Should be removed. Only for demonstration */
  text-align:center;
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 900px) {
.layer1 {width: 100%; height:100%;}	
.layer2 {width: 100%; height:100%;}	
.column {width: 100%; height:100%; padding: 50px;}
.column2 {width: 100%; height:100%;}
.column_img {width: 100%; padding:0px;}
.column_img2 {width: 100%; padding:0px;}
.column_imghome {width: 100%; padding:0px;}
.img_responsive {width: 100%; padding:0px;}
#esconde {display:none;}



}


.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
.fonte-title-quadros {color:#fff; font-weight:bold;}
.cor-quadros {color:#fff;}