/**** FONTES *******/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

* {
    font-family: 'Lato', sans-serif;
  }


h1 {
  color: #000;
  font-size: 250%;
}

h2 {
  color: #000;
  font-weight: 100;
  font-size: 180%;
}

h3 {
  color: #000;
  font-size: 110% !important;
}



@media only screen and (max-width: 1440px) {
  h1 {
    font-size: 170%;
  }

	
	
}


@media only screen and (max-width: 414px) {
  h1 {
    font-size: 140%;
  }
	
}
	
	
  /**** IONIC *******/
  .swiper-pagination-bullet, .swiper-pagination-bullet-active {
    visibility: hidden;
  }
	 
  ion-content{
	
	 --ion-background-color: none;
  }
		

  ion-list{
  background-color: inherit !important;
  
  }

  ion-item{
  --ion-item-background: none !important;
	  
  }
	
  ion-icon {
  font-size: 230%;	
  
    	  
  }

  @media only screen and (max-width: 1440px) {
  
  ion-list-header{
  font-size: 120%;	
	  
  }

	
  }


  /**** GERAL *******/

  a {
    text-decoration: none;
    color: #000;
	font-size: inherit;
  }

  body {
    margin: 0px;
    overflow-x: hidden;
  }

  button, input{
    outline: 0px;	  
  }

  .conteudo {
    position: relative;
    width: 100%;
  }
	
	
	
  /**** BUTTON ********/
  button {
    width: 40%;
	padding: 2.5%;
	margin: auto;
    border-radius: 15px;
    outline: 0px;
    border: none;
    cursor: pointer;
    font-size: 120%;
	cursor: pointer;
  }

 
  @media only screen and (max-width: 1440px) {
	  
  button {
	 font-size: 105%;
  }	  
	  
  }

  @media only screen and (max-width: 414px) {
	  
  button {
	 width: 45%;
	 height: 40px;
	 font-size: 90%;
	 padding: 2.5%;
	 
  }	  
	  
  }
	
  /**** INPUT ********/ 
	
  ::-webkit-input-placeholder {
    color: #ababae;
  }
  ::-moz-placeholder {
    color: #ababae;
  }
  :-ms-input-placeholder {
    color: #ababae;
  }
  :-moz-placeholder {
    color: #ababae;
  }

  legend {
    color: #ababae;
    text-align: left;
  }

  input {
    width: 100%;
	height: 45px;
	line-height: 30px;
    padding: 5px;
    background-color: inherit;
    border: solid 1px #ababae;
    border-radius: 5px;
    color: #000;
    font-size: 80%;
    
  }

  textarea {
    width: 80%;
    height: 120px;
    color: #ababae;
    border: solid 1px #838487;
  }


  @media only screen and (max-width: 1440px) {
	
  legend {
	font-size: 90%;
  }

  input {
    height: 35px;
	font-size: 80%;
  }  
		
  }