@charset "utf-8";
/* CSS Document */

.sec-form{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.container-form{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.box-form{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.title-form{
	font-size: 40px;
	line-height: 150%;
	width: 80%;
}
.subtitle-form{
	font-size: 20px;
	line-height: 130%;
}

@media only screen and (max-width: 1280px){
	.container-form{
		width: 60%;
	}
	.title-form{
		font-size: 30px;
		width: 90%;
	}
	.subtitle-form{
		font-size: 17px;
	}
}

@media only screen and (max-width: 1024px){
	.container-form{
		width: 90%;
	}
	.subtitle-form{
		width: 70%;
		font-size: 20px;
	}
}

@media only screen and (max-width: 800px){
	.subtitle-form{
		font-size: 19px;
	}
}

@media only screen and (max-width: 600px){
	.box-form{
		flex-direction: row;
		justify-content: center;
	}
	.title-form{
		font-size: 27px;
	}
}