.mainlogin1 {
	width:600px;
	max-width:90%;
	min-height:400px;
	margin:30px auto 10px;
	background:white;
	border-radius:10px;
	padding:20px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	text-align: center;
}

.mainlogin2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mainlogin3 {
	width:600px;
	max-width:90%;
	margin:30px auto 10px;
	background:white;
	border-radius:10px;
	padding:20px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	text-align: center;
}

@media all and (max-width: 650px) {

	.mainlogin1 {
		width: 100%;
		max-width:auto;
	}

	.mainlogin2 {
    flex-direction: column;
	}

}