 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
:root{
  --azul : #345C76;
}

html{
  overflow: hidden;
}

*{
 font-family: "Montserrat", sans-serif;
}

body{
  background-color: #345C76;
  
}

header{
height: 100vh;
width: 100%;


}

 
.fachada {
 
  background-image: url('../img/s.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
   min-height: 600px;
}

.form {

  background-color: #EFECE3;
  border-radius: 26px;
  padding: 1rem;

}

input{
  border: none !important;
  background-color: #0000 !important;
  border-radius: 0px !important;
  border-bottom: 1px solid !important;
  padding: 0px !important;
  padding-left: .5rem !important;

}

input::placeholder{
  font-size: 12px;
  text-transform: uppercase;
}

.boxconteudo{

  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;

}

button.btn.btn-warning.btn-block.text-uppercase{
  background-color: #F13F11;
  color: #fff;
 border-radius: 0;
 font-size: 12px;

}

.senso, .senso a{
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

 @media (max-width: 800px){
    html{
    height: unset;
    overflow: unset;
    overflow-y: auto !important;
  }

  .fachada{
    height: 40vh !important;
    display: none;
  }

.boxconteudo{
  gap: 2rem;
  min-height: 100vh;
}


.form{
  margin: 1rem;
}

 }


 @media (max-height: 600px ){

  html{ overflow-y: auto;}
   

 }

 
.rounded-5 {
  border-radius: 20px !important;

  
}

.txthome{
 width: 65%;
}