Welcome to Bethel Community Church
Proclaim the truth of Jesus Christ
/* HERO WRAPPER */
.bethel-hero-title{
text-align:center;
padding: 18px 12px;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
}
/* MAIN TITLE — VERY BIG + BOLD */
.bethel-hero-title h1{
margin:0 0 18px 0;
font-weight: 900;
letter-spacing: -0.015em;
line-height: 1.05;
font-size: clamp(66px, 9vw, 132px); /* 50% BIGGER */
color: #ffffff;
}
/* SUBTITLE — BIG + STRONG */
.bethel-hero-title h2{
margin:0;
font-weight: 800;
letter-spacing: -0.01em;
line-height: 1.15;
font-size: clamp(33px, 4.8vw, 66px); /* 50% BIGGER */
color: #ffffff;
opacity: 1; /* force full white */
}
/* ANIMATION — Rise + Fade */
.bethel-hero-title h1,
.bethel-hero-title h2{
opacity: 0;
transform: translateY(22px);
animation: bethelRise 1s cubic-bezier(.2,.8,.2,1) forwards;
}
.bethel-hero-title h2{
animation-delay: .22s;
}
@keyframes bethelRise{
to{
opacity: 1;
transform: translateY(0);
}
}
/* MOBILE TWEAK */
@media (max-width: 480px){
.bethel-hero-title h1{
font-size: clamp(52px, 12vw, 88px);
}
.bethel-hero-title h2{
font-size: clamp(26px, 7vw, 44px);
}
}
/* ACCESSIBILITY — REDUCED MOTION */
@media (prefers-reduced-motion: reduce){
.bethel-hero-title h1,
.bethel-hero-title h2{
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
}
773-775-2355
office@bethelcommunity.org
