#page1 {
	display: flex;
	background: var(--btr-blue);
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	padding: 20vh 0 5vh;
	width: 100vw;
	background: linear-gradient(var(--btr-blue) 80%, #f6f7f8 20%);
}

.title-container {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	gap: 20px;
}

#page1 > img {
	width: 45vw;
	border-radius: 2%;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
		rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.description-container {
	display: flex;
	flex-direction: column;
}

.btr-description {
	font-size: max(20px, 2vw);
	text-align: start;
	color: white;
	max-width: 85vw;
}

#title-logo {
	width: 20vw;
}

@media screen and (max-width: 1000px) {
	#page1 {
		flex-direction: column;
		gap: 5vh;
	}

	#page1 > img {
		width: 70vw;
	}

	#title-logo {
		width: 35vw;
	}

	.title-container {
		align-self: flex-start;
		padding-left: 10vw;
	}
}

@media screen and (max-width: 700px) {
	#page1 > img {
		width: 85vw;
	}

	#title-logo {
		width: max(50vw, 200px);
	}
}