h1 {
	font-family: 'Lato', sans-serif;
}

.ribbon {
	background-color: black;
	overflow: hidden;
	white-space: nowrap;
	/* top left corner */
	padding: 1vw 15vw;
	position: absolute;
	left: -15vw;
	top: 4vw;
	height: 4vw;
	/* 45 deg ccw rotation */
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	/* shadow */
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.triangle-right {
	background-color: black;
	overflow: hidden;
	white-space: nowrap;
	/* top left corner */
	padding: 1vw 15vw;
	position: absolute;
	right: -22vw;
	top: 15vw;
	height: 10vw;
	/* 45 deg ccw rotation */
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	/* shadow */
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}