/*.billboard {
	background: @color-primary;
	background: linear-gradient(120deg, @color-primary 0%, @color-tertiary 100%);
	text-align: left;

	@media @mobile, @tiny {
		height: auto;
	}

	.cover_image {
		position: absolute;
		top: 0;

		@media @superwide, @desktop, @tablet {
			animation: slide 2s forwards;
		}

		@media @mobile, @tiny {
			clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
		}
	}

	.content {
		padding-top: 100px;

		@media @mobile, @tiny {
			padding-top: 10px;
		}

		h2 {
			font-family: @font-family-header;
			font-weight: 300;
			font-size: 48px;
			line-height: 56px;
			text-transform: uppercase;
			text-shadow: none;
			margin: 15px 0;
			padding: 0;
			color: #FFF;

			@media @mobile, @tiny {
				font-size: 24px;
				line-height: 28px;
				display: block;
				float: none;
				max-width: 100%;
				height: auto;
			}
		}

		a.action {
			display: inline-block;
			background: transparent;
			color: #FFF;
			border: 1px solid #FFF;
			margin: 15px auto;
			padding: 10px 20px;
			font-family: @font-family-header;
			font-weight: 900;
			text-transform: uppercase;
			text-decoration: none;
			.rounded(2px);
			.animated(.2s);

			&:hover {
				background: #FFF;
				color: @color-primary;
			}
		}
	}
}

@keyframes slide {
	0% { clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); }
	100% { clip-path: polygon(75% 0, 100% 0%, 100% 100%, 50% 100%); }
}*/