.uos--link--grey {
  background:#2f2f2f;
  color: #fff;
}
  
.uos--link--grey:hover {
  background: #8f001a;
  color: #fff;
}
  
.uos--link--grey:visited {
  color: #fff;
}
  
#loginForm2{
  background: white;
  box-shadow: black;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  margin-bottom: 4%;
  min-width: 259px;
  width: 30%;
  text-align: center;
  font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  padding-top: 3.35%;
  padding-bottom: 1.5%;
}
  
.loginFormContent{
  margin-bottom: 5%;
}
  
#back_button:hover{
  color: red;
  text-decoration: none;
}
  
@media screen and (min-width: 554px) {
  #switch_language_button{
    width: 470px;
  }
}
@media screen and (min-width: 1200px) {
  #switch_language_button{
    width: 540px;
  }
}
@media screen and (max-width: 426px) {
  #switch_language_button{
    width: 260px;
  }
}

#loginForm1 {
  display: none;
  background:white;
  box-shadow: black;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  margin-bottom: 4%;
  top: 25%;
  min-width: 259px;
  width: 30%;
  text-align:center;
  font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  padding-top: 3.35%;
  padding-bottom: 3.8%;
}

#loginForm1Input{
    padding: 1%;
}

#loginForm1Title{
  padding-bottom: 8%;
  font-size: 20px;
}

#switch_language_button{
  max-width: 610px;
  min-width: 10px;
  position: relative;
  top: 0;
}

.info_box{
  width: 50%;
  min-width: 259px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  margin: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
}

.change_language_button{
  width: 10%;
  min-width: 100px;
  float: right;
  left: 20px;
  position: relative;  
}
  
#LoginFormInput{
    padding: 1%;
}
  
#LoginFormTitle{
  padding-bottom: 8%;
  font-size: 20px;
}
  
#modal{
  background: white;
  box-shadow: black;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  margin-bottom: 8%;
  top: 25%;
  min-width: 259px;
  width: 30%;
  text-align: center;
  font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
}
  
#modal_title{
 font-size: 20px;
 margin-bottom: 2%;
}
  
.modal_button{
  width: 50%;
  min-width: 160px;
  margin: 3%;
}

#back_button{
  position: relative;
  font-size: 16px;
}

#back_button:hover{
  color: red;
  text-decoration: none;
}