Five Star Auto Body - Columbia Street, Vancouver WA | Downtown Location * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-black: #1a1a1a; --accent-orange: #ff6b35; --light-gray: #f5f5f5; --medium-gray: #6c757d; --dark-gray: #2c2c2c; --white: #ffffff; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15); } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: var(--dark-gray); background: var(--white); } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header */ header { background: var(--white); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 1000; height: 80px; } nav { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; } .logo { flex-shrink: 0; z-index: 1001; } .logo img { height: 50px; width: auto; max-width: 180px; } .nav-menu { display: flex; gap: 2rem; align-items: center; justify-content: flex-end; list-style: none; margin: 0; padding: 0; } .nav-menu > li { position: relative; } .nav-menu a { color: var(--dark-gray); text-decoration: none; font-weight: 500; transition: all 0.3s; display: flex; align-items: center; gap: 5px; padding: 8px 0; } .nav-menu a:hover, .nav-menu a:focus { color: var(--accent-orange); } .dropdown-arrow { font-size: 0.8rem; transition: transform 0.3s; margin-left: 5px; } .dropdown { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 250px; box-shadow: var(--shadow-lg); border-radius: 10px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; margin-top: 10px; z-index: 1000; } .nav-menu li:hover .dropdown, .nav-menu li:focus-within .dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .nav-menu li:hover .dropdown-arrow, .nav-menu li:focus-within .dropdown-arrow { transform: rotate(180deg); } .dropdown a { padding: 12px 20px; font-size: 0.95rem; border-bottom: 1px solid var(--light-gray); display: block; width: 100%; } .dropdown a:hover, .dropdown a:focus { background: rgba(255, 107, 53, 0.1); color: var(--accent-orange); padding-left: 25px; } .dropdown a:first-child { border-radius: 10px 10px 0 0; } .dropdown a:last-child { border-radius: 0 0 10px 10px; border-bottom: none; } .mobile-menu-toggle { display: none; background: none; border: none; font-size: 1.8rem; cursor: pointer; color: var(--dark-gray); padding: 8px; z-index: 1001; transition: all 0.3s; border-radius: 4px; min-height: 44px; min-width: 44px; align-items: center; justify-content: center; position: relative; } /* Typography */ h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1rem; } h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 600; margin-bottom: 1rem; color: var(--primary-black); } h3 { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 600; margin-bottom: 0.8rem; color: var(--primary-black); } h4 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); font-weight: 600; margin-bottom: 0.6rem; color: var(--primary-black); } p { margin-bottom: 1rem; font-size: clamp(1rem, 2vw, 1.1rem); } /* Hero Section */ .hero { background: linear-gradient(135deg, rgba(26,26,26,0.8), rgba(44,44,44,0.6)); color: var(--white); padding: 80px 0; text-align: center; position: relative; min-height: 70vh; display: flex; align-items: center; } .hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .hero-content { position: relative; z-index: 1; } .hero-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; } /* CTA Button */ .cta-button { background: var(--accent-orange); color: var(--white); padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s; display: inline-block; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3); } .cta-button:hover { background: var(--primary-black); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4); } .cta-button.secondary { background: transparent; border: 2px solid var(--white); color: var(--white); } .cta-button.secondary:hover { background: var(--white); color: var(--primary-black); } /* Section Styles */ .section { padding: 80px 0; } .section.gray { background: var(--light-gray); } .text-center { text-align: center; } /* Contact Info Grid */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .contact-card { background: var(--white); padding: 30px; border-radius: 15px; box-shadow: var(--shadow); text-align: center; } /* Location Images */ .location-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; } .location-image { aspect-ratio: 4/3; background: var(--light-gray); border-radius: 15px; overflow: hidden; position: relative; } .image-placeholder { width: 100%; height: 100%; background: linear-gradient(45deg, #ddd, #f0f0f0); display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--dark-gray); text-align: center; padding: 20px; } /* Features List - Fixed alignment */ .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; margin-top: 30px; } .feature-item { display: flex; align-items: flex-start; gap: 15px; padding: 20px; background: var(--white); border-radius: 10px; box-shadow: var(--shadow); } .feature-icon { width: 40px; height: 40px; background: var(--accent-orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.2rem; flex-shrink: 0; margin-top: 5px; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .service-card { background: var(--white); padding: 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); border-top: 4px solid var(--accent-orange); } /* Video Section */ .video-section { background: var(--primary-black); color: var(--white); padding: 80px 0; } .video-container { max-width: 800px; margin: 30px auto 0; background: #000; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow-lg); } .location-video { width: 100%; aspect-ratio: 16/9; } .video-placeholder { aspect-ratio: 16/9; background: linear-gradient(45deg, #333, #555); display: flex; align-items: center; justify-content: center; font-size: clamp(1.5rem, 4vw, 3rem); color: var(--accent-orange); text-align: center; padding: 20px; } /* Team Section */ .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 40px; } .team-member { background: var(--white); padding: 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); } /* Map Section */ .map-section { background: var(--light-gray); padding: 80px 0; } .map-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .map-placeholder { width: 100%; height: 400px; background: #ddd; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #666; font-weight: bold; text-align: center; } /* Downtown Highlights */ .downtown-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; } .highlight-card { background: var(--white); padding: 20px; border-radius: 10px; text-align: center; box-shadow: var(--shadow); border-left: 4px solid var(--accent-orange); } /* Footer */ footer { background: var(--primary-black); color: var(--white); padding: 50px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 30px; } .footer-section h4 { color: var(--accent-orange); margin-bottom: 20px; } .footer-section a { color: var(--white); text-decoration: none; display: block; margin-bottom: 10px; transition: color 0.3s; } .footer-section a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid #444; padding-top: 20px; text-align: center; } /* Loading state improvements */ .section { opacity: 0; animation: fadeIn 0.5s ease-in-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Ensure critical elements load first */ h1, h2, h3, h4 { animation-delay: 0.1s; } /* Mobile Responsive */ @media (max-width: 1023px) { .mobile-menu-toggle { display: flex !important; } .nav-menu { position: fixed !important; top: 80px !important; left: -100% !important; width: 100vw !important; height: calc(100vh - 80px) !important; background: var(--white) !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important; overflow-y: auto !important; padding: 20px 0 !important; gap: 0 !important; z-index: 9998 !important; visibility: hidden !important; opacity: 0 !important; } .nav-menu.active { left: 0 !important; visibility: visible !important; opacity: 1 !important; } .nav-menu > li { width: 100% !important; text-align: center !important; border-bottom: 1px solid var(--light-gray) !important; position: relative !important; } .nav-menu > li:last-child { border-bottom: none !important; } .nav-menu a { display: flex !important; align-items: center !important; justify-content: center !important; padding: 16px 20px !important; font-size: 1.1rem !important; min-height: 48px !important; width: 100% !important; } .dropdown { position: static !important; background: var(--light-gray) !important; width: 100% !important; box-shadow: none !important; border-radius: 0 !important; opacity: 0 !important; max-height: 0 !important; overflow: hidden !important; transition: all 0.3s ease !important; margin: 0 !important; z-index: auto !important; } .nav-menu li:hover .dropdown, .nav-menu li:focus-within .dropdown, .nav-menu li.dropdown-open .dropdown { opacity: 1 !important; max-height: 300px !important; } .dropdown a { padding: 12px 30px !important; font-size: 1rem !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; background: var(--light-gray) !important; } .dropdown a:hover, .dropdown a:focus { background: var(--accent-orange) !important; color: var(--white) !important; padding-left: 35px !important; } .dropdown-arrow { margin-left: auto !important; } .hero { padding: 60px 0; min-height: 60vh; } .section { padding: 60px 0; } .hero-buttons { flex-direction: column; align-items: center; } .contact-grid { grid-template-columns: 1fr; gap: 20px; } .location-images { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .features-list { grid-template-columns: 1fr; } .feature-item { flex-direction: column; text-align: center; align-items: center; } .feature-icon { margin-top: 0; margin-bottom: 10px; } } @media (min-width: 1024px) { .mobile-menu-toggle { display: none !important; } .nav-menu { position: static !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; background: transparent !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; gap: 2rem; display: flex !important; margin: 0; list-style: none; z-index: auto; transition: none; visibility: visible !important; opacity: 1 !important; } }

Five Star Auto Body - Columbia Street

Our downtown Vancouver, WA location at 1813 Columbia Street. Convenient auto body repair and collision services in the heart of Vancouver. Professional estimates, insurance coordination, and quality repairs in central Vancouver since 1995.

Get Free Estimate Call (360) 695-8882

Contact Our Columbia Street Location

Visit our convenient downtown Vancouver facility for expert auto body services. Easy access from I-5, I-205, and local Vancouver neighborhoods.

Address

1813 Columbia St
Vancouver, WA 98660

Downtown Vancouver location with easy access from I-5 and city center

Phone & Hours

(360) 695-8882

Monday - Friday: 8:00 AM - 5:00 PM
Saturday & Sunday: Closed

Specialties

Quick Estimates & Consultations

Convenient location for estimates, consultations, and smaller auto body repairs

Our Columbia Street Facility

Take a look at our downtown Vancouver location and convenient customer services.

Building Exterior
1813 Columbia Street

Customer Service
Area

Estimate
Station

Downtown
Parking

Reception &
Waiting Area

Street View
Columbia Street

Consultation
Office

Vehicle
Drop-off Bay

Tour Our Columbia Street Location

See our downtown Vancouver facility, meet our team, and learn about our convenient services and customer-focused approach.

Services Available at Columbia Street

Our downtown location specializes in customer service, estimates, and convenient auto body services for Vancouver residents.

Free Estimates

Quick and accurate damage assessments with detailed repair estimates for insurance and personal use.

Insurance Consultations

Expert guidance on insurance claims, coverage questions, and repair authorization processes.

Dent & Scratch Repair

Minor collision damage, door dings, scratch removal, and cosmetic auto body repairs.

Paint Touch-Ups

Professional paint matching and touch-up services for small areas and minor damage.

Customer Coordination

Central location for scheduling, updates, and coordination between our Vancouver locations.

Vehicle Drop-off

Convenient vehicle drop-off and pickup coordination with our main NE 68th Street facility.

Fleet Services

Specialized services for business fleets and commercial vehicle maintenance coordination.

Mobile Estimates

On-site damage assessment for downtown businesses and parking lot incidents.

Advantages of Our Downtown Location

Located in the heart of Vancouver with unique benefits for busy customers and downtown workers.

Central Vancouver

Heart of downtown Vancouver with easy access from all city neighborhoods

Public Transit

C-TRAN bus routes stop nearby for car-free visits

Lunch Hour Service

Perfect for quick estimates during work breaks

Walking Distance

Close to downtown businesses and Vancouver waterfront

Easy Parking

Street parking and nearby lots for customer convenience

Business District

Convenient for downtown employees and local professionals

Why Choose Our Columbia Street Location

Perfect for customers who need convenient access to auto body services in downtown Vancouver.

⚡

Quick Service

Fast estimates and consultations for busy downtown schedules

📍

Convenient Location

Easy access from I-5, I-205, and all Vancouver neighborhoods

👥

Personal Service

Dedicated customer service team focused on communication and convenience

🔄

Coordination Hub

Central coordination point for services across our Vancouver locations

💼

Business Friendly

Understanding of business schedules and fleet vehicle needs

⭐

Same Quality

Same Five Star quality and warranty coverage as our main facility

Meet Our Columbia Street Team

Our downtown team specializes in customer service, coordination, and convenient auto body solutions.

Customer Service Manager

Expert in insurance coordination and customer communication

Estimator

Certified damage assessment and repair cost estimation

Service Coordinator

Scheduling and coordination between Vancouver locations

Reception Specialist

First point of contact for questions and appointments

Directions to Columbia Street Location

Easy to find downtown Vancouver location with multiple access routes and convenient parking.

Getting Here

From I-5 North or South:

Take Exit 1C (Mill Plain Blvd), head west, turn south on Columbia Street

From I-205:

Take SR-14 West to I-5 North, follow directions above

From Vancouver Waterfront:

Head east on Columbia Street, location on the right

Public Transit:

C-TRAN Routes 2, 4, and 9 stop near Columbia Street

Nearby Landmarks:

• Downtown Vancouver Library
• Esther Short Park
• Vancouver Waterfront
• City Hall and Courthouse