body{
	height: 100vh;
	width: 100vw;
	background-color: #f0f0f5;
	display: flex;
	flex-wrap:wrap;
}

a {
	color: #990099;
	padding: 0 5px;
}

	a:hover, a:focus {
		color: #830083;
	}

.label {
	text-align: -webkit-left;
	text-align: left;
}

form {
	text-align: -webkit-left;
	text-align: left;
}

.inp {
	appearance: none;
	padding: 12px 18px;
	width: 100%;
	margin: 10px auto;
	height: 40px;
	border-radius: 5px;
	border: none;
}

	.inp:hover, .inp:focus {
		outline: 1px solid #990099
	}

.btn {
	appearance: none;
	width: 100%;
	padding: 12px 18px;
	margin: 20px auto;
	border-radius: 5px;
	border: none;
	color: black;
	background-color: lightgrey;
	cursor: pointer;
}

.g-recaptcha {
	width: fit-content;
	margin: auto;
	margin-top: 15px;
}

.btn-ts {
	color: white;
	background-color: #990099;
}

	.btn-ts:hover, .btn-ts:focus {
		color: white;
		background-color: #a800a8;
	}

.w-49 {
	width: 49%;
}

.w-50 {
	width: 50%;
}

.txt-lft {
	text-align: -webkit-left;
	text-align: left;
}

.txt-cen {
	text-align: -webkit-center;
	text-align: center;
}

.txt-rgt {
	text-align: -webkit-right;
	text-align: right;
}

#background-container {
	height: 80vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	background-image: url("https://cdn.teesom.com/files/images/background_img.svg");
	background-repeat: repeat;
	background-size: 20%;
	background-color: #780178;
	background-position: center;
}

#header-logo {
	background-image: url("https://cdn.teesom.com/files/images/ts-logo.png");
	background-repeat: no-repeat;
	background-position: center;
	min-height: 60px;
	padding: 45px;
	width: 100%;
	left: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #990899;
}

#main-container {
	background-color: #f0f0f5;
	width: 100%;
	text-align: -webkit-center;
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	max-width: 350px;
	position: relative;
}

#main-container-header {
	font-size: 28px;
	font-weight: bold;
	margin: 0 auto 16px auto;
}

#main-container-last-content {
	margin-top: 10px;
	display: flex;
}

#copyright {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: -webkit-center;
	text-align: center;
	font-size: 10px;
}

@media (min-width:500px) {
	#main-container {
		max-width: 400px;
	}		
}

@media(max-width:450px) {
				body {
								background-color: #780178;
								background-image: url("https://cdn.teesom.com/files/images/background_img.svg");
								background-size:70%;
								height: fit-content;
								padding-top:30px;
								padding-bottom:0;
				}
				.g-recaptcha {
								margin-top: 10px;
				}
				.inp {
								margin-top: 10px;
								margin-bottom: 5px;
				}
				.btn {
								margin-top: 10px;
								margin-bottom: 5px;
				}
				.link {
								font-size: 15px;
								margin-bottom: 0;
				}
				.label {
								font-size: 15px;
				}
				#background-container {
								height: 100%;
								padding: 20px;
								background-color:none;
								background-image: none
				}
				#main-container {
								margin: 0px;
								max-width: unset;
				}
				#copyright {
								bottom: 5px;
								color: white;
				}
				#header-logo {
								padding: 40px 0px;
								margin-bottom: 10px;
				}
}