body{
    width: 100%;
    height: 100%;
}
#bodylogin{
    background-repeat: no-repeat;

}
.panel-body{
    height: 100%;
}
.col-lg-12{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: space-around;

}
.card{ 
    width: 25%;
    box-shadow: 5px 5px 10px 1px #888888;
}


@media (max-width:768px) {
    

    .card{
        width:75%;
        display: flex;
        flex-direction:column;
        align-items: center;
        justify-content: space-around;
    
    }
}
@media (max-width:375) {


    .card{
        width:75% !important;
        display: flex;
        flex-direction:column;
        align-items: center;
        justify-content: space-around;
    
    }
}