body {
   color: #000;
   overflow-x: hidden;
   height: 100%;
   background-color: #B0BEC5;
   background-repeat: no-repeat
}
.mensaje{

    width: 100%;
    font-size: 60%;
    margin-top: -15px;
    color: red
}
.card0 {
   box-shadow: 0px 4px 8px 0px #757575;
   border-radius: 2px;
   width: 900px;
   margin-left: auto;
   margin-right: auto;
   
}

.card2 {
   margin: 0px 40px
}

.logo {
   width: 200px;
   height: 100px;
   margin-top: 20px;
   margin-left: 35px;
}

.image {
   width: 550px;
   height: 350px
}

.border-line {
   border-right: 1px solid #EEEEEE
}

.line {
   height: 1px;
   width: 35%;
   background-color: #E0E0E0;
   margin-top: 10px
}

.or {
   width: 30%;
   font-weight: bold;
   font-size: 10px;
}

.text-sm {
   font-size: 14px !important
}

::placeholder {
   color: #BDBDBD;
   opacity: 1;
   font-weight: 300
}

:-ms-input-placeholder {
   color: #BDBDBD;
   font-weight: 300
}

::-ms-input-placeholder {
   color: #BDBDBD;
   font-weight: 300
}

input,
textarea {
   padding: 10px 12px 10px 12px;
   border: 1px solid lightgrey;
   border-radius: 2px;
   margin-bottom: 5px;
   margin-top: 2px;
   width: 100%;
   box-sizing: border-box;
   color: #2C3E50;
   font-size: 14px;
   letter-spacing: 1px
}

input:focus,
textarea:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: 1px solid #304FFE;
   outline-width: 0
}

button:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   outline-width: 0
}

a {
   color: inherit;
   cursor: pointer
}

.btn-blue {
   background-color: #1A237E;
   width: 150px;
   color: #fff;
   border-radius: 2px
}

.btn-blue:hover {
   background-color: #000;
   cursor: pointer
}

.bg-blue {
   color: #fff;
   background-color: #1A237E
}

@media screen and (max-width: 800px) {
   .logo {
       margin-left: 0px
   }

   .image {
      width: 450px;
      height: 300px
   }

   .border-line {
       border-right: none
   }
   .line {
      height: 1px;
      width: 40%;
      background-color: #E0E0E0;
      margin-top: 10px
   }
   .or {
      width: 20%;
      font-weight: bold;
      font-size: 15px;
   }

   .card2 {
       border-top: 1px solid #EEEEEE !important;
       margin: 0px 15px;
       margin-top: -120px;
   }
}