Every package is sealed with a unique serial tracking system, ensuring your shipment’s security from pickup to delivery. Our cutting-edge technology lets you monitor your goods in real-time, giving you peace of mind and full control.
Unique serial tracking for every shipment
Real-time updates accessible anytime
Secure handling by trained logistics professionals
Personalized attention from scheduling to delivery
Advanced tracking technology integrated
Born from a commitment to fix frustrating delivery experiences, Luna Logistics offers more than just transportation — we deliver trust and reliability. Whether transporting essential construction materials or managing business shipments, our dedicated team ensures every package is handled with care, precision, and transparency.
“Luna Logistics transformed our delivery process with unmatched security and punctuality. Every shipment arrives exactly as promised.”
Michael R., Construction Manager
“The personalized service and advanced tracking system give me peace of mind every time I schedule a pickup.”
Sarah L., Small Business Owner
“Reliable, transparent, and professional. Luna Logistics goes beyond the standard delivery experience.”
James T., Logistics Coordinator
Schedule Your Pickup
Fill out the form below to book your pickup with Luna Logistics. Our team will get in touch promptly to confirm the details and ensure your shipment is handled with the utmost care and efficiency.
/*
* Foundational CSS Stylesheet
*
* This stylesheet provides a basic, modern, and responsive
* styling foundation for a website that currently lacks CSS.
* It's designed to be a starting point for further customization.
*
* Best practice: Link this CSS file in your HTML's <head> section:
* <link rel="stylesheet" href="path/to/your/style.css">
*/
/* --- 1. Basic Reset & Box-Sizing --- */
/*
* A simple reset to remove default browser margins/paddings
* and set box-sizing for easier layout management.
*/
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* --- 2. Body & Global Typography --- */
/*
* Sets global font, background color, and text color for the entire page.
* 'Inter' is a popular, clean, and highly readable font.
* Fallback to sans-serif if Inter is not available.
*/
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
line-height: 1.6; /* Improves readability of text blocks */
color: #333; /* Dark grey for main text for good contrast */
background-color: #f8f8f8; /* Light grey background for a soft look */
-webkit-font-smoothing: antialiased; /* Smoother font rendering on macOS */
-moz-osx-font-smoothing: grayscale; /* Smoother font rendering on macOS */
}
/* --- 3. Headings (h1-h6) --- */
/*
* Defines styles for different heading levels.
* Adjust font-size, color, and margin as needed.
*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Inter', sans-serif; /* Consistent font for headings */
color: #2c3e50; /* A darker shade for emphasis */
margin-bottom: 0.8em; /* Space below headings */
line-height: 1.2; /* Tighter line height for headings */
}
h1 {
font-size: 2.8em; /* Large main heading */
margin-top: 0.5em;
}
h2 {
font-size: 2.2em;
margin-top: 0.7em;
}
h3 {
font-size: 1.8em;
margin-top: 0.8em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}
/* --- 4. Paragraphs --- */
p {
margin-bottom: 1em; /* Space between paragraphs */
}
/* --- 5. Links --- */
/*
* Basic styling for hyperlinks.
*/
a {
color: #3498db; /* A standard blue for links */
text-decoration: none; /* Remove default underline */
transition: color 0.3s ease; /* Smooth color transition on hover */
}
a:hover {
color: #2980b9; /* Darker blue on hover */
text-decoration: underline; /* Add underline on hover */
}
/* --- 6. Lists --- */
ul, ol {
margin-left: 20px; /* Indent lists */
margin-bottom: 1em;
}
ul li, ol li {
margin-bottom: 0.5em;
}
/* --- 7. Images --- */
/*
* Makes images responsive, ensuring they don't overflow their containers.
*/
img {
max-width: 100%; /* Ensures images scale down to fit container */
height: auto; /* Maintains aspect ratio */
display: block; /* Removes extra space below images */
}
/* --- 8. Buttons --- */
/*
* Styles for general buttons.
*/
button, .button, input[type="submit"] {
display: inline-block;
padding: 10px 20px;
font-size: 1em;
font-weight: 600;
text-align: center;
text-decoration: none;
cursor: pointer;
border: none;
border-radius: 5px;
background-color: #2ecc71; /* Green button */
color: #ffffff;
transition: background-color 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
button:hover, .button:hover, input[type="submit"]:hover {
background-color: #27ae60; /* Darker green on hover */
transform: translateY(-1px); /* Slight lift effect */
box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}
/* --- 9. Forms --- */
/*
* Basic styling for form elements.
*/
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 1em;
font-family: 'Inter', sans-serif;
color: #555;
}
textarea {
resize: vertical; /* Allow vertical resizing */
min-height: 100px;
}
/* Focus state for form elements */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
outline: none;
border-color: #3498db;
box-shadow: 0 0 5px rgba(52, 152, 219, 0.5);
}
/* --- 10. Layout & Utility Classes --- */
/*
* Basic container for content, centering it on the page.
*/
.container {
max-width: 1200px; /* Maximum width for content */
margin: 0 auto; /* Center the container */
padding: 20px; /* Padding on the sides */
}
/* Basic Flexbox for simple layouts */
.flex-container {
display: flex;
flex-wrap: wrap; /* Allow items to wrap to the next line */
gap: 20px; /* Space between flex items */
}
.flex-item {
flex: 1; /* Allows items to grow and shrink */
min-width: 280px; /* Minimum width before wrapping */
}
/* Text alignment utility classes */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* Spacing utility classes (adjust values as needed) */
.mt-10 { margin-top: 10px; }
.mb-20 { margin-bottom: 20px; }
.p-15 { padding: 15px; }
/* Card-like styling for content blocks */
.card {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
padding: 25px;
margin-bottom: 20px;
}
/* --- 11. Responsive Design (Media Queries) --- */
/*
* Adjusts styles for smaller screens (e.g., tablets and mobile phones).
*/
@media (max-width: 768px) {
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.8em;
}
.container {
padding: 15px; /* Less padding on smaller screens */
}
.flex-container {
flex-direction: column; /* Stack flex items vertically on small screens */
}
.flex-item {
min-width: auto; /* Remove minimum width constraint */
width: 100%; /* Make items take full width */
}
}
/*
* Adjusts styles for very small screens (e.g., smartphones).
*/
@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
body {
font-size: 0.95em; /* Slightly smaller base font size */
}
button, .button, input[type="submit"] {
padding: 8px 15px;
font-size: 0.9em;
}
}
