Contact Five Star Auto Body | Vancouver WA & Longview Auto Body Shop | Free Estimates /* CSS Reset and Base Styles */ * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 16px; scroll-behavior: smooth; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #2c2c2c; background: #ffffff; overflow-x: hidden; } /* Ensure all content is visible by default */ * { opacity: 1 !important; transform: none !important; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; } /* Typography */ h1 { font-size: clamp(2rem, 4.5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1rem; color: #1a1a1a; } h2 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); font-weight: 600; line-height: 1.2; margin-bottom: 1rem; color: #1a1a1a; } h3 { font-size: clamp(1.3rem, 2.8vw, 1.8rem); font-weight: 600; line-height: 1.3; margin-bottom: 0.8rem; color: #1a1a1a; } h4 { font-size: clamp(1.1rem, 2.2vw, 1.4rem); font-weight: 600; line-height: 1.3; margin-bottom: 0.6rem; color: #1a1a1a; } p { font-size: clamp(1rem, 2vw, 1.1rem); margin-bottom: 1rem; line-height: 1.6; } /* Header */ header { background: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000; height: 80px; transition: all 0.3s ease; } 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; } /* Navigation Menu */ .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: #2c2c2c; 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, .nav-menu a[style*="color: #ff6b35"] { color: #ff6b35; } /* Dropdown Arrow */ .dropdown-arrow { font-size: 0.8rem; transition: transform 0.3s; margin-left: 5px; } /* Desktop Dropdown */ .dropdown { position: absolute; top: 100%; left: 0; background: #ffffff; min-width: 250px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); 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 #f5f5f5; display: block; width: 100%; } .dropdown a:hover, .dropdown a:focus { background: rgba(255, 107, 53, 0.1); color: #ff6b35; 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 */ .mobile-menu-toggle { display: none; background: none; border: none; font-size: 1.8rem; cursor: pointer; color: #2c2c2c; 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; } .mobile-menu-toggle:hover, .mobile-menu-toggle:focus { background: rgba(255, 107, 53, 0.1); color: #ff6b35; } /* Hero Section */ .hero { background: linear-gradient(135deg, rgba(26,26,26,0.9), rgba(44,44,44,0.8)), linear-gradient(45deg, #1a1a1a, #2c2c2c); color: #ffffff; padding: 80px 0; position: relative; min-height: 50vh; display: flex; align-items: center; } .hero-content { text-align: center; max-width: 800px; margin: 0 auto; } .hero h1 { color: #ffffff; } .hero p { font-size: clamp(1.1rem, 2.2vw, 1.3rem); margin-bottom: 2rem; opacity: 0.95; } /* CTA Button */ .cta-button { background: #ff6b35; color: #ffffff; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: clamp(1rem, 2vw, 1.1rem); display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3); border: none; cursor: pointer; min-height: 48px; } .cta-button:hover { background: #1a1a1a; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4); } /* Contact Info Section */ .contact-info { padding: 80px 0; background: #ffffff; } .contact-header { text-align: center; margin-bottom: 60px; } .contact-methods { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-bottom: 60px; } .contact-method { text-align: center; padding: 40px 30px; background: #f5f5f5; border-radius: 20px; transition: transform 0.3s, box-shadow 0.3s; } .contact-method:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } .contact-method h3 { color: #1a1a1a; margin-bottom: 15px; } .contact-method p { color: #6c757d; margin-bottom: 15px; } .contact-method a { color: #ff6b35; text-decoration: none; font-weight: 600; font-size: clamp(1.1rem, 2.2vw, 1.3rem); } .contact-method a:hover { color: #1a1a1a; } /* Locations Section */ .locations { padding: 80px 0; background: #f5f5f5; } .locations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; margin-top: 40px; } .location-card { background: #ffffff; border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; } .location-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } .location-header { background: linear-gradient(135deg, #ff6b35, #1a1a1a); color: #ffffff; padding: 30px 25px; text-align: center; } .location-header h3 { color: #ffffff; margin-bottom: 10px; } .location-subtitle { margin: 0; opacity: 0.9; font-size: clamp(0.95rem, 1.8vw, 1rem); } .location-details { padding: 30px 25px; } .location-item { display: flex; align-items: flex-start; margin-bottom: 20px; } .location-item:last-child { margin-bottom: 0; } .location-icon { font-size: 1.5rem; color: #ff6b35; margin-right: 15px; margin-top: 2px; flex-shrink: 0; } .location-info h4 { margin-bottom: 5px; font-size: clamp(1rem, 2vw, 1.1rem); } .location-info p { margin: 0; color: #6c757d; font-size: clamp(0.95rem, 1.8vw, 1rem); } .location-info a { color: #ff6b35; text-decoration: none; font-weight: 600; } .location-info a:hover { color: #1a1a1a; } .location-actions { padding: 0 25px 30px 25px; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .location-actions .cta-button { flex: 1; min-width: 140px; text-align: center; } /* Map Section */ .map-section { padding: 80px 0; background: #ffffff; } .maps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; margin-top: 40px; align-items: stretch; } .location-map { display: flex; flex-direction: column; height: 100%; min-height: 450px; } .map-header { text-align: center; margin-bottom: 20px; flex-shrink: 0; } .map-header h3 { color: #ff6b35; margin-bottom: 10px; } .map-header p { color: #6c757d; margin: 0; } .map-container { background: #f5f5f5; border-radius: 20px; overflow: hidden; margin-bottom: 20px; height: 300px; display: flex; align-items: center; justify-content: center; border: 2px solid #e0e0e0; flex-grow: 1; } .map-container iframe { border: 0; border-radius: 15px; width: 100%; height: 100%; } .map-info { text-align: center; margin-top: auto; flex-shrink: 0; padding: 20px; background: #f5f5f5; border-radius: 15px; } .map-info p { color: #2c2c2c; font-size: clamp(0.9rem, 1.8vw, 1rem); margin-bottom: 15px; } .map-info a { color: #ff6b35; text-decoration: none; } .map-info .cta-button { font-size: 0.9rem; padding: 10px 20px; margin-top: 10px; } /* Emergency Services - Removed Icons and Resized */ .emergency-services { padding: 80px 0; background: #1a1a1a; color: #ffffff; } .emergency-services h2 { color: #ffffff; text-align: center; margin-bottom: 40px; } .emergency-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 35px; margin-top: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; } .emergency-item { text-align: center; padding: 40px 25px; background: rgba(255, 255, 255, 0.1); border-radius: 20px; transition: transform 0.3s, background-color 0.3s; border: 2px solid rgba(255, 107, 53, 0.3); } .emergency-item:hover { transform: translateY(-5px); background: rgba(255, 107, 53, 0.2); border-color: #ff6b35; } .emergency-item h3 { color: #ffffff; margin-bottom: 20px; font-size: clamp(1.2rem, 2.5vw, 1.5rem); } .emergency-item p { color: rgba(255, 255, 255, 0.9); margin-bottom: 0; font-size: clamp(1rem, 2vw, 1.1rem); line-height: 1.7; } /* Gallery Section - Fixed Display */ .gallery { padding: 80px 0; background: #f5f5f5; } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; } .gallery-item { aspect-ratio: 4/3; background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; display: flex; align-items: center; justify-content: center; border: 2px solid #e0e0e0; position: relative; } .gallery-item:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } .gallery-placeholder { text-align: center; color: #2c2c2c; font-weight: 600; padding: 30px 20px; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.4; } /* Footer */ footer { background: #1a1a1a; color: #ffffff; padding: 60px 0 30px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-section h4 { color: #ff6b35; margin-bottom: 20px; } .footer-section a { color: #ffffff; text-decoration: none; display: block; margin-bottom: 10px; transition: color 0.3s; } .footer-section a:hover { color: #ff6b35; } .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid #444; } /* Mobile Responsive */ @media (max-width: 1023px) { .mobile-menu-toggle { display: flex; } .nav-menu { position: fixed; top: 80px; left: -100%; width: 100vw; height: calc(100vh - 80px); background: #ffffff; flex-direction: column; justify-content: flex-start; align-items: center; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow-y: auto; padding: 20px 0; gap: 0; z-index: 9998; visibility: hidden; opacity: 0; } .nav-menu.active { left: 0; visibility: visible; opacity: 1; } .nav-menu > li { width: 100%; text-align: center; border-bottom: 1px solid #f5f5f5; position: relative; } .nav-menu a { padding: 16px 20px; font-size: 1.1rem; min-height: 48px; width: 100%; justify-content: center; } .dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #f8f9fa; border-radius: 0; margin-top: 0; display: none; } .dropdown-open .dropdown { display: block; } .emergency-grid { grid-template-columns: 1fr; gap: 25px; } } @media (min-width: 1024px) { .mobile-menu-toggle { display: none; } .nav-menu { position: static; visibility: visible; opacity: 1; flex-direction: row; width: auto; height: auto; background: transparent; } .emergency-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .contact-methods { grid-template-columns: 1fr; gap: 30px; } .locations-grid { grid-template-columns: 1fr; } .maps-grid { grid-template-columns: 1fr; gap: 30px; } .location-actions { flex-direction: column; } .location-actions .cta-button { width: 100%; } .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 480px) { .gallery-grid { grid-template-columns: 1fr; gap: 20px; } .hero { padding: 60px 0; } .contact-info, .locations, .map-section, .emergency-services, .gallery { padding: 60px 0; } .map-container { height: 250px; } }
Five Star Auto Body Vancouver WA - Expert Collision Repair
  • Services ▼
    Vancouver WA Collision Vancouver WA Auto Body Longview WA Collision Longview WA Auto Body
  • Locations ▼
    NE 68th Street Vancouver Columbia Street Vancouver Commerce Avenue Longview
  • About
  • Reviews
  • Blog
  • Get Quote
  • Careers

Contact Five Star Auto Body Vancouver WA & Longview

Get expert collision repair and auto body services throughout Clark County and Southwest Washington. Free estimates, 24/7 emergency towing, and three convenient locations to serve you better.

Call (360) 699-4887

Get in Touch with Five Star Auto Body

Ready to restore your vehicle to like-new condition? Contact us for a free estimate, schedule collision repair, or get 24/7 emergency assistance throughout Vancouver WA, Clark County, and Southwest Washington.

Call for Free Estimates

Speak directly with our certified auto body experts

(360) 699-4887

Email for Information

Get detailed service information and scheduling

info@fivestarvancouver.com

24/7 Emergency Towing

Free towing throughout Clark County & Cowlitz County

Emergency: (360) 699-4887

Business Hours: Monday - Friday: 8:00 AM - 5:00 PM
Serving: Vancouver WA, Battle Ground, Camas, Washougal, Ridgefield, Longview, Kelso & All of Clark County

Three Convenient Auto Body Shop Locations

Visit any of our three conveniently located auto body shops throughout Vancouver WA and Longview for expert collision repair, free estimates, and certified auto body services.

Vancouver WA - NE 68th Street

Main Collision Repair Center

📍

Address

3019 NE 68th St
Vancouver, WA 98665

📞

Phone

(360) 699-4887

🕒

Hours

Monday - Friday
8:00 AM - 5:00 PM

🛠️

Services

Complete collision repair, frame straightening, advanced paint systems, insurance claims

Get Directions Call Now

Vancouver WA - Columbia Street

Downtown Vancouver Location

📍

Address

1813 Columbia St
Vancouver, WA 98660

📞

Phone

(360) 258-1612

🕒

Hours

Monday - Friday
8:00 AM - 5:00 PM

🛠️

Services

Quick estimates, dent repair, paint touch-ups, consultations

Get Directions Call Now

Longview WA

Cowlitz County Service Center

📍

Address

760 Commerce Ave
Longview, WA 98682

📞

Phone

(360) 353-3018

🕒

Hours

Monday - Friday
8:00 AM - 5:00 PM

🛠️

Services

Major collision repair, commercial vehicles, fleet services, emergency towing

Get Directions Call Now

Find All Five Star Auto Body Locations

Visit any of our three convenient auto body shop locations throughout Vancouver WA and Longview. Each location offers expert collision repair, free estimates, and certified auto body services.

Vancouver NE 68th Street

Main Collision Repair Center

3019 NE 68th St
Vancouver, WA 98665
(360) 699-4887

Location Details

Vancouver Columbia Street

Downtown Vancouver Location

1813 Columbia St
Vancouver, WA 98660
(360) 258-1612

Location Details

Longview Commerce Avenue

Cowlitz County Service Center

760 Commerce Ave
Longview, WA 98682
(360) 353-3018

Location Details

All Locations

Business Hours: Monday - Friday: 8:00 AM - 5:00 PM
Phone: (360) 699-4887
Serving: Vancouver WA, Clark County, Longview & Southwest Washington

Call for Free Estimate

24/7 Emergency Auto Body Services

Accidents happen at any time. Five Star Auto Body provides round-the-clock emergency services throughout Clark County and Southwest Washington.

Free Emergency Towing

24/7 towing service to any of our three locations throughout Vancouver WA, Clark County, and Longview area.

Immediate Assessment

Quick damage assessment and emergency repairs to get you safely off the road and start the repair process.

Insurance Coordination

We handle all insurance paperwork and communication to make your emergency situation as stress-free as possible.

Rental Car Assistance

Help arranging rental vehicles through insurance or direct rental partnerships to keep you mobile.

Priority Scheduling

Emergency repairs receive priority scheduling to minimize downtime and get you back on the road quickly.

Mobile Estimates

On-site damage assessment and mobile estimates available for vehicles that cannot be safely driven.

Emergency Line: (360) 699-4887

Five Star Auto Body Facilities

Take a visual tour of our state-of-the-art auto body repair facilities in Vancouver WA and Longview. See our advanced equipment, certified technicians, and quality workmanship that makes us Southwest Washington's trusted collision repair experts.

Vancouver NE 68th St
Exterior View
Columbia Street
Location Front
Longview Commerce Ave
Shop Exterior
Advanced Paint Booth
Technology
Frame Straightening
Equipment
Customer Waiting
Area
Collision Repair
Bay
OEM Certified
Technicians

Ready to Get Started?

Get your free estimate today and experience the Five Star difference in auto body repair.

Call (360) 699-4887 for Free Quote

Auto Body Services

Vancouver WA Collision Repair Vancouver WA Auto Body Longview WA Collision Repair Longview WA Auto Body

Locations

NE 68th Street Vancouver Columbia Street Vancouver Commerce Avenue Longview

Company

About Five Star Auto Body Customer Reviews Project Gallery Careers

Contact Information

(360) 699-4887 info@fivestarvancouver.com

Monday - Friday: 8:00 AM - 5:00 PM
Serving Southwest Washington Since 1995

© 2025 Five Star Auto Body. All rights reserved. Vancouver WA's trusted collision repair experts.