header{
  /*height: 15%;*/
  background-color: #f1f1f1;
  border-bottom: 1px solid black;
  display: flex;
  align-items: center;
}

header #logo_norefferer{
  font-size: 3rem;
  text-align: center;
}

main .container{
  display: flex;
  align-items: center;
}

#login_row.no_right_box{
  width: 100%;
}

#login_element
{
  display        : flex;
  align-items    : center;
  flex-direction : column;
  margin-left    : auto;
  margin-right   : auto;
  text-align: center;
  max-width: 100%;
}


#login_element #logo_row
{
  display         : flex;
  margin-top      : 4rem;
  justify-content : space-around;
}

#login_element #logo_row form
{
  display         : flex;
  justify-content : space-around;
}


#login_element #logo_row form button
{
  max-width        : 40%;
  border           : 1px solid;
  border-radius    : 5px;
  padding          : 2rem;
  box-shadow       : 1px 1px 5px 2px #0000001c;
  background-color : white;
}
#login_element #logo_row form button img
{
  width : 100%;
}


#login_element #logo_row form button:hover
{
  transform : scale(1.1);
  cursor    : pointer;
}

#footer_row{
  padding: 2em;
  background-color: #f1f1f1;
}

#footer_row .serviceblock p{
  width: max-content;
}

.footer_block{
  justify-content: center;
  margin-bottom: 10px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 575.98px)
{
  header #logo_norefferer {
    font-size: 2.5rem;
  }

  #login_element #logo_row form
  {
   flex-direction: column;
    align-items: center;
  }

  #login_element #logo_row form button
  {
    max-width: 90%;
  }

  #login_element #logo_row form button:nth-of-type(1)
  {
    margin-bottom: 2em;
  }

  footer .footer_block .serviceblock{
    width: auto;
  }

  footer #footer_row #first_footer_block{
    padding-bottom: 2em;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) and (max-width: 767.98px)  {
  footer #footer_row .footer_block{
    justify-content: left;
  }
}