.signin-form-title {
	font-size: 2vw;
	width: 40%;
}

.signin-form-field {
	font-size: 1vw;
	width: 15vw;
	padding: 4px;
}

.signin-form-btn {
	display: inline-block;
	padding: 0.35em 1.2em;
	border: 0.1em solid #FFFFFF;
	margin: 0 0.3em 0.3em 0;
	border-radius: 0.12em;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2vw;;
	color: #424242;
	text-align: center;
	transition: all 0.2s;
}

.signin-form-btn:hover {
	color: white;
	background-color: #424242;
}

@media all and (max-width:30em) {
	.signin-form-btn {
		display: block;
		 margin: 0.4em auto;
	}
}

/* Inserting this collapsed row between two flex items will make 
 * the flex item that comes after it break to a new row */
.container {
	flex-direction: row;
	flex-wrap: wrap;
}