.solution {
    text-align: center;
    background-color: #2891d7;
    padding: 40px;
    position: relative;
}

.solution h1 {
	font-size: clamp(5px, 5vw, 30px);
	color: white;
	text-shadow:1px 1px 0 black, -1px -1px 0 black,
	-1px 1px 0 black, 1px -1px 0 black,
	0px 1px 0 black,  0-1px 0 black,
	-1px 0 0 black, 1px 0 0 black;
}

.triangle2 {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #2891d7;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	position: absolute;
	left: 50%;
}

@media (max-width: 768px) {


}