@media (max-width: 1824px)
{

    .logoImage 
    {
        width: 300px;
        margin-top: 15px;
        margin-left: 30px;
        
        left: 0;
    }
    .BodyStyle
    {
        /*  background-image: url(/imgGalaxy/Login/BACKGROUND.jpg);*/
        background-repeat: no-repeat;
        background-size: cover;
    }
   
}

@media (max-width: 1200px)
{


    .logoImage 
    {
        width: 300px;
        margin-top: 15px;
        margin-left: 30px;
        
        left: 0;
    }
    .BodyStyle
    {
        background-image: none;
        /*background-color: rgba(136, 143, 151, 1);*/
        background-repeat: no-repeat;
        background-size: cover;
    }
    /*.card
    {
    margin-top: 120px;
    margin-left: 5px; 
    }
    .card-container.card
    {
    max-width: 350px;
    padding: 40px 40px;
    }*/
}

@media (max-width: 500px)
{

    .logoImage 
    {
        width: 280px;
        margin-top: 15px;
        margin-left: 15px;
        
        left: 0;
    }
    .BodyStyle
    {
        background-image: none;
        /*background-color: rgba(136, 143, 151, 1);*/
        background-repeat: no-repeat;
        background-size: cover;
    }
    /*.card
    {
    margin-top: 75px;
    margin-left: 5px; 
    }
    .card-container.card
    {
    max-width: 350px;
    padding: 40px 40px;
    }*/
}

@media (max-width: 300px)
{

    .logoImage 
    {
        width: 230px;
        margin-top: 15px;
        margin-left: 8px;
        
        left: 0;
    }
    .BodyStyle
    {
        background-image: none;
        /*background-color: rgba(136, 143, 151, 1);*/
        background-repeat: no-repeat;
        background-size: cover;
    }
    /*.card
    {
    margin-top: 55px!important;
    margin-left: 5px; 
    }
    .card-container.card
    {
    max-width: 350px;
    padding: 10px 40px;
    }*/
}