.hero-text {
text-align: center;
color: white;
}
.hero-title {
font-size: 4rem;
font-weight: 900;
margin-bottom: 20px;
background: linear-gradient(45deg, #ff4444, #ff8800, #ffcc00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 0 40px rgba(255, 68, 68, 0.8);
letter-spacing: 2px;
}
.hero-subtitle {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 25px;
color: #ffffff;
text-shadow: 3px 3px 6px rgba(0,0,0,0.9);
letter-spacing: 1px;
}
.hero-description {
font-size: 1.2rem;
line-height: 1.7;
margin-bottom: 35px;
color: #e8e8e8;
text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
font-weight: 500;
}
.btn {
padding: 16px 35px;
font-size: 1.2rem;
font-weight: 700;
text-decoration: none;
border-radius: 50px;
background: linear-gradient(45deg, #ff4444, #ff8800);
color: white;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
margin-top: 20px;
}
/* Mobile adjustments */
@media (max-width: 768px) {
.hero-title {
font-size: 2rem;
margin-bottom: 15px;
letter-spacing: 1px;
}
.hero-subtitle {
font-size: 1rem;
margin-bottom: 15px;
letter-spacing: 0.5px;
}
.hero-description {
font-size: 0.8rem;
line-height: 1.4;
margin-bottom: 20px;
padding: 0 10px;
}
.btn {
padding: 12px 25px;
font-size: 0.9rem;
margin-top: 15px;
}
}
@media (max-width: 480px) {
.hero-title {
font-size: 1.5rem;
}
.hero-subtitle {
font-size: 0.9rem;
}
.hero-description {
font-size: 0.7rem;
padding: 0 15px;
}
.btn {
padding: 10px 20px;
font-size: 0.8rem;
}
}
SURVIVE THE END
Fortified Bunker Homes for the Apocalypse
When civilization falls, you’ll be ready. Our survival properties feature underground bunkers,
self-sustaining systems, and maximum security for the end times.
Mostrando todos os 2 resultados