.logos-satserver {
  max-width: 100%;
  padding: 0px 10% 0px;
}
.logincontainer2 {
  background: #fff;
  padding: 20px 20px;
  border-radius: 25px;
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .16);
  box-shadow: 0 6px 15px rgba(0, 0, 0, .16);
}
.logincontainer {
  padding: 15vh 1% 10%;
  margin:1px auto 1px;
  position: relative;
  max-width: 600px;
  direction: rtl;
  height: inherit;
}
.text-center {
    text-align:center;
}
@media (max-width:400px){
.logincontainer {
  padding: 25% 4% 5%;
  margin:0% auto 0%;
  position: relative;
  max-width: 500px;
  direction: rtl;
  height: inherit;
}
}
@media (max-width:400px){
.logincontainerregister {
  padding: 25% 4% 5%;
  margin:0% auto 0%;
  position: relative;
  max-width: 500px;
  direction: rtl;
  height: inherit;
}
}
.logincontainerregister2 {
  background: #fff;
  padding: 20px 20px;
  border-radius: 25px;
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .16);
  box-shadow: 0 6px 15px rgba(0, 0, 0, .16);
}
.logincontainerregister {
  padding: 2.5% 1% 10%;
  margin:1px auto 1px;
  position: relative;
  max-width: 600px;
  direction: rtl;
  height: inherit;
}