/* Dena Aerospace Professional Aerospace Theme */

* {
    box-sizing: border-box;
}


body {

    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
    background: #ffffff;

}


/* HEADER */

header {

    background: #07111f;
    padding: 20px 8%;
    text-align: center;

}


header img {

    width: 190px;
    max-width: 90%;

}



/* HERO SECTION */

.hero {

    height: 650px;

    background-image:
    linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.55)
    ),
    url("hero-uav.jpg");

    background-size: cover;

    background-position: center;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: white;

}



.hero-text {

    max-width: 800px;

    padding: 40px;

}



.hero h1 {

    font-size: 60px;

    margin-bottom: 20px;

    letter-spacing: 2px;

}



.hero p {

    font-size: 22px;

    line-height: 1.6;

}



/* GENERAL SECTIONS */

section {

    padding: 70px 10%;

    text-align: center;

}



h2 {

    font-size: 38px;

    color: #07111f;

    margin-bottom: 35px;

}



/* ABOUT */

.about p {

    max-width: 900px;

    margin: auto;

    font-size: 20px;

    line-height: 1.8;

}



/* SERVICES */

.services {

    background: #f3f6f9;

}



.cards {

    display: grid;

    grid-template-columns:
    repeat(auto-fit,minmax(240px,1fr));

    gap: 30px;

}



.card {

    background: white;

    padding: 35px 25px;

    border-radius: 12px;

    box-shadow:
    0 5px 20px rgba(0,0,0,0.08);

    transition: transform .3s;

}



.card:hover {

    transform: translateY(-8px);

}



.card h3 {

    color: #0066cc;

    font-size: 24px;

}



/* PROJECTS */

.projects {

    background:#07111f;

    color:white;

}



.projects h2 {

    color:white;

}



.projects p {

    font-size:20px;

}



/* CONTACT */

.contact {

    background:#f3f6f9;

}


.contact p {

    font-size:20px;

}



/* FOOTER */

footer {

    background:#000;

    color:white;

    text-align:center;

    padding:25px;

}



/* MOBILE DESIGN */

@media(max-width:700px){


.hero {

    height:500px;

}


.hero h1 {

    font-size:38px;

}


.hero p {

    font-size:18px;

}


section {

    padding:50px 5%;

}


h2 {

    font-size:30px;

}


}