/* body, html {
    height: 100%;
    width: 100%;
  }
  
  .bg {
 
    background-image: url("jpg1.jpg");
  
   
    height: 100%;
    width: 100%;
  
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  } */


html {
  height                 : 100%;
  width                  : 100%;
  background             : url(../img/jpg1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;

}



.contenedor {
  padding-left: 150px;
  height      : 100%;

  /* border: 3px solid green;   */
}

.vertical-center {
  margin            : 0;
  -webkit-box-shadow: -1px -1px 47px -1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow   : -1px -1px 47px -1px rgba(0, 0, 0, 0.9);
  box-shadow        : -1px -1px 47px -1px rgba(0, 0, 0, 0.9);



  position         : absolute;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);

  height             : 600px;
  width              : 400px;
  border-radius      : 10px;
  /* border          : 5px solid rgb(242, 255, 0); 
  background-color   : rgb(159, 36, 36);*/
}




.logo {
  position         : absolute;
  top              : 19%;
  left             : 23%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
  /* height           : 357px; */


  -webkit-filter: drop-shadow(7px 1px 3px rgba(0, 0, 0, 0.335));
  filter        : drop-shadow(7px 1px 3px rgba(0, 0, 0, 0.335));

}


.card-custom {
  /* overflow: hidden; */
  min-height: 490px;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-custom-img {
  height             : 200px;
  min-height         : 200px;
  background-repeat  : no-repeat;
  background-size    : cover;
  background-position: center;
  border-color       : inherit;

}


.card-custom-avatar img {
  border-radius: 50%;
  box-shadow   : 0 0 15px rgba(10, 10, 10, 0.3);
  position     : absolute;
  top          : 100px;
  left         : 1.25rem;
  width        : 100px;
  height       : 100px;
}

ul {
  font-size: 12px;
}


.vertical-center2 {
  margin            : 0;
  padding           : 20px;
  background-color  : rgba(255, 255, 255, 0.745);
  -webkit-box-shadow: -1px -1px 47px -1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow   : -1px -1px 47px -1px rgba(0, 0, 0, 0.9);
  box-shadow        : -1px -1px 47px -1px rgba(0, 0, 0, 0.9);



  position         : absolute;
  top              : 150px;
  left             : 406px;
  /* */
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);

  height             : 113px;
  width              : 420px;
  border-radius      : 10px;
  /* border          : 5px solid rgb(242, 255, 0); 
  background-color   : rgb(159, 36, 36);*/
}