body {
  background: black;
  background-image: url("../img/background-app-opitours.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.cont-login {
  margin-top: 10%;
  width: 380px;
  -webkit-transition: all 0.4s ease !important;
  -moz-transition: all 0.4s ease !important;
  -ms-transition: all 0.4s ease !important;
  -o-transition: all 0.4s ease !important;
  transition: all 0.4s ease !important; }

.cont-logo {
  padding: 5px;
  height: 100px; }

.cont-form {
  margin-top: 10px;
  width: 100%;
  border-radius: 40px;
  overflow: hidden; }

.head-form {
  border: 1px solid #009ada;
  position: realite;
  width: 100%;
  height: 60px;
  color: white;
  padding: 15px;
  background-color: #009ada; }
  .head-form h6 {
    font-weight: bold;
    font-size: 1.2em; }

.body-form {
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.3); }
  .body-form .material-icons, .body-form input {
    color: #868589; }
  .body-form .btn-flat {
    border-radius: 50px;
    width: 100%;
    background-color: #f2d52c;
    color: #868589; }
  .body-form span {
    width: 100%;
    color: #868589; }

@media screen and (max-width: 480px) {
  .cont-login {
    margin-top: 5%;
    width: 100%;
    padding: 10px; }
  .head-form h6 {
    font-size: 1.0em; } }