@media screen and (max-width: 767px) and (orientation:portrait){#particles-js{position:absolute;width:100%}#login2{width:90%;position:absolute;height:70%;top:15%;border-radius:5px;left:5%}#login2 .top-logo{margin-top:10%;text-align:center}#login2 .btnLogin{width:100%!important;margin-bottom:15px}#login2 .footer{position:absolute;bottom:10px;left:30px;display:flex;width:80%}#login2 .logo,.copyright{position:initial}#login2 .logo{order:1;margin-right:15px;flex-grow:1}#login2 .copyright{order:2;text-align:right;font-size:12px;flex-grow:0}}@media screen and (max-width: 767px) and (orientation:landscape){#particles-js{position:absolute;width:100%}#login2{width:90%;position:absolute;height:165%;top:15%;border-radius:5px;left:5%}#login2 .top-logo{margin-top:10%;text-align:center}#login2 .btnLogin{width:100%!important;margin-bottom:15px}#login2 .footer{position:absolute;bottom:10px;left:30px;display:flex;width:80%}#login2 .logo,.copyright{position:initial}#login2 .logo{order:1;margin-right:15px;flex-grow:1}#login2 .copyright{order:2;text-align:right;font-size:12px;flex-grow:0}}@media only screen and (min-width: 768px) and (max-width: 991px){#particles-js{width:50%}#login2{width:50%}}@media screen and (max-width: 800px) and (orientation:landscape){#particles-js{position:absolute!important;width:100%!important}#login2{width:90%!important;height:150%!important;position:absolute!important;top:15%!important;border-radius:5px!important;left:5%!important}#login2 .top-logo{margin-top:5%!important;text-align:center!important}#login2 .login{margin-top:5%!important}#login2 .btnLogin{width:100%!important;margin-bottom:15px!important}}@media screen and (max-height: 550px){.footer{display:none!important}}