html{

	font-family: 'Montserrat', sans-serif;
	background-color: #005393;

}

body{
	display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
  flex: 1 0 auto;
}

#whatsapplogo
{
  margin: 15px 0 10px;
}

.chip
{
  margin: 15px 0 10px; 
}

.margemsuperior
{
  margin-top: 20px;
}

.card-image
{
  margin: 10px; 
  border: 1px solid black;
}

.card-content
{
  min-height: 120px;
}

.textonormal p
{
  text-align: justify;
  text-indent: 1.5em;
  padding-top: 10px;
  padding-bottom: 5px;
}

.navbar-fixed{
	height: 110px;
    line-height: 110px;
}

nav{
    height: 110px;
    line-height: 110px;
}

ul li a{
	color: #2C7DBB;
}

ul li a:hover{
	color: #000;
} 

footer.page-footer{
	background-color: #005393;
}

.imgimovel
{
  margin: 15px 0 15px;
}

.FundoAmarelo
{
	 background-color: #FFDB25;
}

.FundoAzul
{
	background-color: #005393;
}

.FundoBranco
{
  background-color: #fff;
}

.FonteBranca
{
	color: #fff;
}

.FonteAzul
{
	color: #005393;
}

.FonteAmarela
{
	color: #EFC825;
}

.btn{
	background-color: #005393;
	color: #EFC825;
}

.btn:hover{
	background-color: #EFC825;
	color: #005393;
}


/* CORES DO FORMULÁRIO */

  /* label color */
   .input-field label {
     color: #005393;
   }

   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #EFC825;
   }   
   .input-field input[type=tel]:focus + label {
     color: #EFC825;
   }  
   .input-field input[type=email]:focus + label {
     color: #EFC825;
   }  
   .input-field textarea:focus + label {
     color: #EFC825;
   } 

   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #005393;
     box-shadow: 0 1px 0 0 #005393;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #005393;
     box-shadow: 0 1px 0 0 #005393;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #005393;
     box-shadow: 0 1px 0 0 #005393;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #EFC825;
   }


iframe
{
  width: 300px;
  height: 225px; 
}


@media screen and (min-width: 520px) and (max-width: 699px)  {
  width: 300px;
  height: 225px; 
}


@media only screen and (min-width : 700px) {

  iframe
  {
    width: 700px;
    height: 525px; 
  }

}

@media only screen and (min-width : 890px) {

  iframe
  {
    width: 870px;
    height: 653px; 
  }