.c1 { color: var(--primary);  }
.c2 { color: var(--secondary);  }
.c3 { color: var(--accent);  }

.btn-down { text-align:center;height:100px;width:100px;margin-left:-50px;position:absolute;bottom:40px;left:50%;animation:balloon 1s ease 1s infinite; }

.btn-ballon { animation:balloon 1s ease 1s infinite; }

@keyframes balloon {
	0% , 100% {  
		transform:  translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform:  translateY(0px); }
	50% { 
		transform:  translateY(-10px);
        -moz-transform: translateY(-10px);
        -webkit-transform:  translateY(-10px); }
}


.line .headline-wrapper { position: relative; margin: 0 auto 40px; width: fit-content; text-transform: uppercase; padding: 0 2rem 1rem; display: block; border-bottom: 1px solid #e5e7eb; }
.line .headline-wrapper::after { content: ""; position: absolute; width: 60px; height: 3px; bottom: -2px; left: 50%; transform: translateX(-50%); background-color: var(--primary); }