.login__title {
    max-width: 368px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.46);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.038em;
    margin: 0 auto 28px;
} 

.login__buttons {
  	width: 100%;
  	position: relative;
    margin-bottom: 15px;
}

.login .button {
  	margin: 0 16px;
}

.login__footer {
    max-width: 434px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.69);
    color: #99cccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    /* Text style for "B, y press" */
    letter-spacing: 0.72px;
    margin: 0 auto;
}

.message {
  	background: rgba(0, 0, 0, 0.4);
  	font-size: 28px;
  	color: white;
  	padding: 14px 20px;
  	width: 100%;
}

@media screen and (max-width: 600px) {
  .login__buttons {
 	flex-direction: column;
    margin-bottom: 20px;
  }
  
  .login__buttons .button {
    margin-bottom: 20px
  }
  
  .login__title {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
  }
  
  .login__footer {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.04em;
  }
  
  .message {
    font-size: 20px;
  }
}