body{
  background-color: #d1dffa;
}

.flex-container {
    /* flexbox  */
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardlogin {
  margin: auto;/* para centrar el elemento de la flexbox*/
  width: 480px;
  /*height: 360px;*/
}

.formlogin {
  justify-content: center;
}

.logo{
  margin: auto;
  width: 192px;
}

@media only screen and (max-width: 600px) {
    .cardlogin {
      margin: auto;/* para centrar el elemento de la flexbox*/
      width: 288px;
      /*height: 318px;*/
    }
}