Para solucionar este tipo de inconvenientes a la hora de visualizar demasiado contenido en una pagina web para distintos dispositivos, es bueno trabajar con FlexBox que te permite solucionar todo esto de una manera fácil.
Ejemplo:
.form-container {
padding: 5%;
background: #ffffff;
border: 9px solid #f2f2f2;
max-width: 520px;
margin: auto;
/* Flexbox */
display:flex;
flex-flow:row wrap;
display: -webkit-flex; //Esto es para que funcione en el navegador de CHROME
}