@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 996px) {
	#card-content {
		padding: 20px;
	}

	.lantern-container {
		scale: 0.8;
	}

	/* lantern lines */
	.lantern-line {
		max-height: 50vw;
	}

	.lantern-3 .lantern-line {
		max-height: 45vw;
	}

	/* lantern positions */
	.lantern-1 {
		left: 1%;
	}

	.lantern-3 {
		left: 80%;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 1rem;
	}

	#main-menu a {
		font-size: 1rem;
	}

	/* transparency on mobile devices */
	#card-content {
		background: rgba(0,0,0,0.9);
	}

	#card-header {
		opacity: 0.9;
		z-index: -1;
		position: relative;
	}

	/* lanterns */
	.lantern-container {
		scale: 0.6;
	}

	/* lantern lines */
	.lantern-line,
	.lantern-container .lantern-line {
		max-height: none;
	}

	.lantern-1 .lantern-line {
		height: 72vw;
	}

	.lantern-2 .lantern-line {
		
	}

	.lantern-3 .lantern-line {
		height: 60vw;
	}

	/* lantern positions */
	.lantern-2 {
		left: 45%;
	}

	.lantern-3 {
		left: 75%;
	}
}

@media screen and (max-width: 420px) {
	.lantern-container {
		scale: 0.4;
	}


	/* lantern lines */
	.lantern-1 .lantern-line {
		height: 120vw;
	}

	.lantern-2 .lantern-line {
		height: 70vw;
	}

	.lantern-3 .lantern-line {
		height: 100vw;
	}

	/* lantern positions */
	.lantern-1 {
		left: -10%;
	}

	.lantern-2 {
		left: 40%;
	}

	.lantern-3 {
		left: 65%;
	}
}