@media only screen and (max-width: 1200px) {
	.secondary-screen img {
		scale: 2;
	}
}

@media only screen and (max-width: 900px) {
	.splitscreen section {
		flex-basis: 100%;
	}
	.secondary-screen {
		display: none;
	}
	.home-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	main section{
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	section .section-content,
	section .section-aside {
		width: 100%;
		padding: 2rem;
	}
	section.section-right .section-aside {
		order: 2;
	}
	#timeline {
		width: 200%;
	}
	
	.tl-3 {
		left: -50%;
	}

	.tl-4 {
		left: -100%;
	}
}

@media only screen and (max-width: 470px) {
	header {
		height: 100px;
	}
	.bt-home-container {
		display: grid;
		  grid-template-columns: repeat(auto-fit, minmax(min-content, max-content));
		flex-wrap: wrap;
		justify-content: center;
		padding: 5rem 2rem 2rem 2rem;
	}
	main {
		padding: 10vh 1rem 2rem 1rem;
	}
}

@media only screen and (max-width: 370px) {
	nav ul {
		display: none;
	}
	blockquote {
		font-size: 1.25rem;
	}
}