triangulos turbios

.plinth
	display: block
	width: 0
	height: 0
	border-style: solid

	&.p-hero
		position: absolute
		z-index: 50
		bottom: 0
		left: 0
		right: 0
		border-width: 0 0 80px 100vw
		border-color: transparent transparent #fff transparent
		@media screen and (max-width: 768px)
			border-width: 0 0 40px 100vw
		@media screen and (max-width: 450px)
			border-width: 0 0 20px 100vw

	&.p-hero-v
		position: absolute
		z-index: 50
		top: 0
		bottom: 0
		left: 0
		border-width: 700px 120px 0 0
		border-color: $bg-primary transparent transparent transparent
		@media screen and (max-width: 768px)
			border-width: 700px 120px 0 0
		@media screen and (max-width: 450px)
			border-width: 700px 120px 0 0

	&.p-design
		border-width: 80px 0 0 100vw
		border-color: transparent transparent transparent $bg-third
		@media screen and (max-width: 768px)
			border-width: 40px 0 0 100vw
		@media screen and (max-width: 450px)
			border-width: 20px 0 0 100vw

	&.p-devices
		position: absolute
		z-index: 50
		bottom: 0
		right: 0
		left: 0
		border-width: 80px 0 0 100vw
		border-color: transparent transparent transparent $bg-primary
		@media screen and (max-width: 768px)
			border-width: 40px 0 0 100vw
		@media screen and (max-width: 450px)
			border-width: 20px 0 0 100vw

	&.p-features
		z-index: 50
		position: absolute
		bottom: 0
		left: 0
		right: 0
		border-width: 80px 0 0 100vw
		border-color: transparent transparent transparent #fff
		@media screen and (max-width: 768px)
			border-width: 40px 0 0 100vw
		@media screen and (max-width: 450px)
			border-width: 20px 0 0 100vw

	&.p-contact
		position: absolute
		z-index: 51
		top: 0
		left: 0
		right: 0
		border-width: 80px 100vw 0 0
		border-color: #fff transparent transparent transparent
		@media screen and (max-width: 768px)
			border-width: 40px 100vw 0 0
		@media screen and (max-width: 450px)
			border-width: 20px 100vw 0 0

	&.p-contact-v
		position: absolute
		top: 0
		right: 180px
		border-width: 500px 0 0 120px
		border-color: transparent transparent transparent $bg-primary
		@media screen and (max-width: 1024px)
			right: 50px
		@media screen and (max-width: 800px)
			display: none