* {
	--max-screen-size: 1086;
}

body {
	padding: 0 1px 1px 1px;
}

.col6 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 76px;
	padding: 381px 24px 473px 24px;
}

.logo {
	margin-left: 1px;
	width: 235px; height: 169px;
}

.masthead {
	margin-left: -15px; margin-top: 8px;
	width: 100%;
	max-width: 698px;
	flex-shrink: 0;
}

.text1 {
	margin-left: 3px;
	height: 67px;
	max-width: 781px;
}

.text-date {
	margin-left: 1px; margin-top: 295px;
	height: 44px;
	max-width: 357px;
}

.text2 {
	margin-left: 1px; margin-top: 2px;
	height: 97px;
	max-width: 693px;
}

.sign-in-btn {
	margin-left: 1px; margin-top: 28px;
	height: 71px;
	max-width: 435px;
}



/** breakpoints (margin / paddings) **/

@media screen and (max-width: 576px) {
	.col6 {
		padding-inline: 0;
	}
	.masthead {
		margin-inline: 0;
	}
	.text1 {
		margin-inline: 0;
	}
}