.headers { margin: 50px auto 0px; color: white; background: #1d58e3; text-align: center; border: 1px solid #B0C4DE; border-bottom: none; border-radius: 10px 10px 0px 0px; padding: 20px; } #aaa, .contenta { margin: 0px auto; padding: 20px; border: 1px solid #B0C4DE; background: white; border-radius: 0px 0px 10px 10px; } .input-groupa { margin: 10px 0px 10px 0px; }.input-groupa label { display: block; text-align: left; margin: 3px; } .input-groupa input { height: 40px; width: 93%; padding: 5px 10px; font-size: 16px; border-radius: 0px; border: 1px solid gray; } #user_type { height: 40px; width: 98%; padding: 5px 10px; background: white; font-size: 16px; border-radius: 5px; border: 1px solid gray; } .btn { padding: 10px; font-size: 15px; color: white; background: #5F9EA0; border: none; border-radius: 5px; } .error { width: 92%; margin: 0px auto; padding: 10px; border: 1px solid #a94442; color: #a94442; background: #f2dede; border-radius: 5px; text-align: left; } .success {/*sweet*/width: 92%; margin: 0px auto; padding: 10px; border: 1px solid #3c763d; color: #3c763d; background: #dff0d8; border-radius: 5px; text-align: left;}

@media only screen and (max-width: 600px) {
  .headers {
   width: 100% ;
  }
  
 #aaa, .contenta{
   width: 100% ;
  }
}