/*============LOGIN===============*/
.area { margin-top: 5%; }

.painel-login{ margin-left: 5%; margin-right: 5%; }

.title-login{ color: #C71585; text-align: center; }

.form-login a { margin-top: 2%; float: left;}

.form-login a:last-child{ float: right; }

/*SMALL DEVICES - SMARTPHONES*/
@media screen and (min-width: 480px){ 
}

/*SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px){
  /*============LOGIN===============*/
  .painel-login{ margin-top: 15%; margin-left: 25%;  margin-right: 25%; }

  .botao-login{ width: 25%; float: left; }
}

/*MEDIUM DEVICES - TABLETS E DESKTOPS*/
@media screen and (min-width: 960px){
  /*============LOGIN===============*/
  .painel-login{ margin-top: 5%; margin-left: 30%; margin-right: 30%; }
}

  /*LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px){
  /*============LOGIN===============*/
  .painel-login{ margin-top: 3%; margin-left: 35%; margin-right: 35%; } 
}