/* Import Fonts */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,400&display=swap'); /* Headings with Playfair Display Bold Italic and Colors */ h1, h2, .site-title, .section-heading { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; /* Bold italic variant */ color: #1B3F59; /* Deep navy for sophistication */ line-height: 1.2; margin-bottom: 20px; /* Adds breathing room below */ } h3, .subheading { font-family: 'Montserrat', sans-serif; font-style: italic; color: #4C749F; /* Mid-blue for subtle contrast */ font-weight: 400; } /* Body Text and Links */ body, p, .content-text, .event-description { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #1B3F59; /* Consistent navy for text */ font-size: 16px; /* Slightly larger for modern accessibility */ line-height: 1.6; /* Improves readability */ } a, .read-more { color: #4C749F; /* Accent blue for links */ text-decoration: none; transition: color 0.3s ease; /* Subtle hover for engagement */ } a:hover, .read-more:hover { color: #ABBAC6; /* Lighter gray-blue for interaction */ } /* Side Buffers and Layout */ body { background-color: #F5EFE7; /* Beige from palette for warm, inviting base */ } .main-container, .page-wrapper, .gz-content, .wrapper, .container, .container-fluid { max-width: 1200px; /* Caps width for modern centering */ margin: 0 auto; /* Centers content horizontally */ padding: 0 40px; /* Adds 40px buffer on left/right sides */ } @media (max-width: 768px) { .main-container, .page-wrapper, .gz-content, .wrapper, .container, .container-fluid { padding: 0 20px; /* Smaller buffer on mobile for usability */ } } /* Hero Banner and Images */ .hero-banner, .banner-image, .slider-area, .cms-flexslider { /* For marina photo section */ position: relative; overflow: hidden; border-radius: 8px; /* Soft corners for modern appeal */ box-shadow: 0 4px 12px rgba(27, 63, 89, 0.1); /* Light shadow using #1B3F59 tint */ margin-bottom: 40px; /* Space below for flow */ } /* Events Section */ .events-grid, .event-card, .upcoming-event-area { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; /* Space between cards */ background-color: #D9D2C9; /* Light neutral from palette for subtle sectioning */ padding: 20px; border-radius: 8px; } .event-card:hover { transform: scale(1.05); /* Gentle zoom on hover */ transition: transform 0.3s ease; } /* Navigation Menu */ nav ul, .menu-items, .navbar-nav { display: flex; justify-content: center; gap: 20px; background-color: #F5EFE7; /* Beige for seamless blend */ } nav a, .navbar-nav a { color: #1B3F59; font-family: 'Montserrat', sans-serif; font-style: italic; text-transform: uppercase; padding: 10px 15px; border-radius: 4px; transition: background-color 0.3s ease; } nav a:hover, .navbar-nav a:hover { background-color: #ABBAC6; /* Gray-blue hover for interactivity */ color: #F5EFE7; } /* Parallax Effect for Hero Section (Add class="hero-parallax" to your slider div in CMS) */ .hero-parallax { position: relative; height: 60vh; /* Adjust height as needed */ overflow: hidden; perspective: 1px; /* Enables 3D space for parallax */ background-color: #F5EFE7; /* Fallback */ } .hero-parallax::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://chambermaster.blob.core.windows.net/userfiles/UserFiles/chambers/9114/CMS/196A5198-w1600.jpg'); /* Use your hero image URL; update for rotation if needed */ background-size: cover; background-position: center; transform: translateZ(-1px) scale(2); /* Parallax depth: moves slower */ z-index: -1; } /* Overlay Button for Engagement (Add inside hero div) */ .parallax-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 30px; background-color: #4C749F; /* Accent blue */ color: #F5EFE7; font-family: 'Montserrat', sans-serif; font-style: italic; text-transform: uppercase; border: none; border-radius: 4px; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease; z-index: 1; /* Above parallax layer */ } .parallax-button:hover { transform: translate(-50%, -50%) scale(1.05); /* Subtle zoom */ background-color: #1B3F59; /* Darker on hover */ } /* Disable Parallax on Mobile for Performance */ @media (max-width: 768px) { .hero-parallax::before { transform: none; /* Flat on mobile */ } } Business Name
Your Business Name

  • Classic Motor Museum

    Categories

    Museums

    Hours:

    Friday: 11am to 3pm
    Saturday: 9am to 4pm
    Sunday: 11am to 3pm
    Closed Dec. 24, 25 and Jan. 1

    Driving Directions:

    As you enter St. Michaels, East Marengo Street is on your right, just before the St. Michaels Winery. The Classic Motor Museum is on your right 100 yards down East Marengo.

    About Us

    We hope that you will join us to explore our outstanding display of classic automobiles, motorcycles and other motorized vehicles. The Museum is fortunate to have local and regional collectors sharing their classics.

    The Museum's concept has successfully evolved over several years as not just an exploration of the idea to exhibit classic motorcars within St. Michaels but the Classic Motor Museum is dedicated to appreciating and preserving America’s heritage of automotive innovation and adaption while at the same time exposing future generations of Talbot County youth to that heritage and its contributions to our Nation’s progress and standard of living.?

    Additionally, CMM has established a supportable and sustainable education program for area youth to learn automotive repair best practices and restoration services. The result of this effort has established a curriculum for future students in the disciplines of automotive repair and restoration which will prepare them for opportunities in the automotive industry.

    Admission is $10 for Individuals, $15 for Couples, $5 for Students & No Charge for Children Under Six Years of age.

    Highlights

    Images

    Gallery Image image.jpg
    Gallery Image Image_1.jpg
    Gallery Image image_170215-090522.jpg
    Gallery Image image_170215-090533.jpg
    Gallery Image image_170215-090546.jpg
    Gallery Image IMG_20181013_133430.jpg
    Gallery Image 1940-ford-convertible.jpg

    Events

    Cars & Coffee with a pop-up Car Show!
    • Cars & Coffee are themed and pop-up car shows every Saturday from 9 am till noon! Bring your autombile or just come and see what we have that day! See you on Ma
    • Saturday Nov 8, 2025
    Cars & Coffee with a pop-up Car Show!
    • Cars & Coffee are themed and pop-up car shows every Saturday from 9 am till noon! Bring your autombile or just come and see what we have that day! See you on Ma
    • Saturday Nov 15, 2025
    Cars & Coffee with a pop-up Car Show!
    • Cars & Coffee are themed and pop-up car shows every Saturday from 9 am till noon! Bring your autombile or just come and see what we have that day! See you on Ma
    • Saturday Nov 22, 2025
    Cars & Coffee with a pop-up Car Show!
    • Cars & Coffee are themed and pop-up car shows every Saturday from 9 am till noon! Bring your autombile or just come and see what we have that day! See you on Ma
    • Saturday Nov 29, 2025

  • Building Business. Building Community.