#banner .content {
	max-width: 1100px;
}

#banner .content img.main {
	width: 75vw;
	max-width: 1100px;
	top: -60px;
}


#banner .content img.icon {
	bottom: 100px;
	right: 0;
	width: 50px;
}

#banner .scroll {
	position: absolute;
	top: 400px;
	left: -70px;
	transform: rotate(90deg);
	opacity: 0.5;
}

#banner .scroll p {
	letter-spacing: 8px;
}

#banner .scroll svg {
	transform: rotate(90deg);
}

#banner .scroll .circle-1 {
	background: rgba(255, 255, 255, .3);
	padding: 7px;
	width: fit-content;
	width: -moz-fit-content;
}

#banner .scroll .circle-2 {
	background: rgba(255, 255, 255, .7);
	padding: 5px;
	width: fit-content;
	width: -moz-fit-content;
}

#banner .scroll .circle-3 {
	background: rgba(255, 255, 255, .9);
	padding: 3px;
	width: fit-content;
	width: -moz-fit-content;
}

@media screen and (min-width: 698px) {
	#banner .content img.icon {
		bottom: 120px;
		right: 0;
		width: 80px;
	}	
}

@media screen and (min-width: 872px) {
	#banner .content img.icon {
		bottom: 150px;
		right: 0;
		width: 100px;
	}	
}

@media screen and (min-width: 1126px) {
	#banner .content img.icon {
		bottom: 200px;
		right: 0;
		width: 150px;
	}
}