body
{
    background: url('../images/baner.jpg') fixed;
    /*background: #19334d fixed; /* url('../images/index.jpg') fixed;*/
    background-size: cover; /*La imagen de fondo cubre todo el contenedor*/
    padding: 0; /*Relleno*/
    margin: 0; /*Margen*/
}

.main-content{
  width: 40%;
  border-radius: 20px;
  box-shadow: 0 5px 5px rgba(0,0,0,.4);
  margin: 5em auto;
  display: flex;
}
.company__info{
  background-color: #008080;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.fa-android{
  font-size:3em;
}
@media screen and (max-width: 640px) {
  .main-content{width: 90%;}
  .company__info{
    display: none;
  }
  .login_formu{
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
  }
}
@media screen and (min-width: 642px) and (max-width:800px){
  .main-content{width: 70%;}
}
.row > h2{
  color:#008080;
}
.login_formu{
  background-color: #fff;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
form{
  padding: 0 2em;
}
.form__input{
  width: 100%;
  border:0px solid transparent;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  padding: 1em .5em .5em;
  padding-left: 2em;
  outline:none;
  margin:1.5em auto;
  transition: all .5s ease;
}
.form__input:focus{
  border-bottom-color: #008080;
  box-shadow: 0 0 5px rgba(0,80,80,.4); 
  border-radius: 4px;
}
.btn{
  transition: all .5s ease;
  width: 70%;
  border-radius: 30px;
  color:#008080;
  font-weight: 600;
  background-color: #fff;
  border: 1px solid #008080;
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.btn:hover, .btn:focus{
  background-color: #008080;
  color:#fff;
}

#login_div2
{
    opacity: 0.9; /*Opacidad*/
    margin-top: 5%; /*Margen superior*/
    max-width: 350px; /*Ancho máximo*/
    -webkit-box-shadow: 0px 0px 35px 0px rgba(48, 50, 50, 0.48); /*Sombra del cuadro del kit web*/
    -moz-box-shadow:    0px 0px 35px 0px rgba(48, 50, 50, 0.48); /*Sombra de la caja de moz*/
    box-shadow:         0px 0px 35px 0px rgba(48, 50, 50, 0.48); /*Sombra de la caja*/
    border-radius: 4%; /*Radio de borde*/
}

#login_form2
{
    max-width: 300px; /*Ancho máximo*/
    padding: 5px; /*Relleno*/
    margin: 0 auto; /*Margen*/
}

#logo_img2
{
    width:50%; /*Tamaño en porcentaje de la imagen 40%*/
}

#browsers_div2
{
    max-width: 350px; /*Ancho máximo*/
}