/********** POLICE ****************/
@font-face {
	font-family: "bones";
	src: url('../font/xbones.ttf') format("truetype");
}


/***************************************************/
/*********** BODY **********************************/
/***************************************************/
.triangle {
	width  : 0;
	height : 0;
	border-left   : 25px solid transparent;
	border-right  : 25px solid transparent;
	border-top : 50px solid;
	margin: auto;
}

.triangle-0{
	border-top : 50px solid red;
}

.triangle-1{
	border-top : 50px solid yellow;
}

.triangle-2{
	border-top : 50px solid green;
}

.triangle-3{
	border-top : 50px solid blue;
}

@media (min-width: 768px){

	.triangle {
		width  : 0;
		height : 0;
		border-left   : 50px solid transparent;
		border-right  : 50px solid transparent;
		border-top : 100px solid;
		margin: auto;
	}

	.triangle-0{
		border-top : 100px solid red;
	}

	.triangle-1{
		border-top : 100px solid yellow;
	}

	.triangle-2{
		border-top : 100px solid green;
	}

	.triangle-3{
		border-top : 100px solid blue;
	}
}

.font-pirate{
	font-family: bones;
	font-size: 2rem;
}