body{
	background: url(img/lnd2.jpg);
	background-repeat: no-repeat;
    background-size: auto;
    background-position: center 0px;
    background-color: #473a80;
	min-height: 1080px;
    margin: 0;
}
#content{
	min-height: 1080px;
}
#osdk-auth-widget-holder{
    width: 628px;
    position: relative !important;
    margin: 0 auto !important;
    top: 38px;
    left: 0px;
    right: 0px;
    z-index: 3;
}
@media (min-device-width: 1920px), (min-width: 1920px){
    body{
        background-size: cover;
    }
}
@media (max-device-width: 1080px), (max-width: 1080px){
    #osdk-auth-widget-holder {
        position: absolute !important;
        margin: 0 auto !important;
        bottom: 40px;
        top: auto;
        left: -9999px;
        right: -9999px;
        z-index: 3;
        height: 612px !important;
    }
}
@media (min-device-height: 1024px), (min-height: 1024px){
    #osdk-auth-widget-holder {
        display: block;
        position: absolute !important;
        margin: 0 auto !important;
        bottom: 120px;
        top: 38px;
        left: -9999px;
        right: -9999px;
        z-index: 3;
        height: 612px !important;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transform-origin: center bottom;
    }
}
@media (max-device-width: 1024px), (max-width: 1024px), (max-device-height: 768px), (max-height: 768px){

}
@media (max-device-width: 768px), (max-width: 768px){
    #osdk-auth-widget-holder {
        top: auto;
        bottom: -48px;
    }
}
@media (max-device-width: 599px), (max-width: 599px){

}
@media (max-device-width: 375px), (max-width: 375px){

}
@media (max-device-width: 360px), (max-width: 360px){
    #osdk-auth-widget-holder{
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        transform-origin: center bottom;
    }
}