body{
  background-color: rgb(220,220,220);
}

#password{
  width:85%;
}

#back img{
  width:40px;
}

#back{
  border:0px;
}

#entrar{
  width:15%;
  padding:0px!important;
}

#entrar button{
  border:0px;
  display: flex; flex-direction: column; align-items: center;
}

#inputPassword2{
  color:gray!important;
}

#entrar img{
  width:100%;
  margin:0px;
}

.flex-container {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

h4{
  margin-top:2px;
  font-size:1.03em;
  margin-bottom:0;
  font-weight:normal;
}

h6{
  margin-top:0;
  font-size:0.6em;
  margin-bottom:4px;
}

#lock{
  width:70%;
}

.mobileHoverFix:hover,
.mobileHoverFix.hover{
    background-position: 0 0px;
}

#inputPassword2{
  font-size:5vw;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn.btn-outline-dark.btn-lg.btn-block{
  font-size:11vw; 
  font-family:font-family: 'AvenirNextCondensed', sans-serif;
}

#title{
  font-size:10vw;
  color:gray;
  text-align:center;
}

.custom-control{
  padding-left: 6rem;
}

.list-group-item{
  border: 2px solid rgba(0,0,0,.125);
}

.custom-control-label::before, 
.custom-control-label::after {
top: 1.2rem;
left:-5rem;
width: 3rem;
height: 3rem;
}

.container {
    max-width: 90%;
}

.middle {
  text-align:center;
}

.inner {
  margin:auto;
  margin-top:5%;
}

#back{
  width:25%; float:left; margin-left:5%; font-size:5vw;"
}

#div-button{
  width:90%; margin-top:5%; overflow:auto;
}

.btn{
  padding:0;
}