@import "variables";
.printer {
	//max-width: 80%;
	margin: 0 auto;
	font-size: 36px;
	@media (max-width: 991px){ max-width: none; font-size: 38px; }
	@media (max-width: 767px){ font-size: 24px; }
	@media (max-width: 575px){ font-size: 18px; }
	font-weight: bold;
	text-align: center;

	.printer-ticket {
		position: relative;
		display: inline-block;
		width: 450px;
		max-width: 100%;
		@media (max-width: 991px){ width: 400px; }
		@media (max-width: 767px){ width: 350px; }
		@media (max-width: 575px){ width: 300px; }
		.bg { display: block; width: 100%; }
		.img {
			position: absolute; top: 50%; left: 50%;
			display: block;
			height: 60%;
			font-size: 10vw;
			line-height: normal;
			color: $color_black;
			@include transform(translateX(-50%) translateY(-50%));
		}
		.text {
			position: absolute; top: 50%; left: 50%;
			display: block;
			font-size: 4.5em;
			@media (max-width: 575px){ font-size: 6.5em; }
			line-height: normal;
			color: $color_black;
			@include transform(translateX(-50%) translateY(-50%));
		}
	}
	.printer-sep { height: 1em; }

	h1 {
		margin: 0 0 .5em 0;
		padding: 0;
		font-size: 2em;
		&:last-child { margin-bottom: 0; }
	}
}