.web-name
{
    margin-left: -40px;
}
.web-name img
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
/* Hero */
.hero {
    background: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e') center/cover;
    height: 40vh;
    display: flex;
    align-items: center;
    color: white;
}
.hero-overlay {
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 40vh;
    padding: 40px;
}

/* Section Title */
.section-title {
    color: var(--primary);
}
.about-line
{
    height: 50vh;
}
/* Stats */
.stats {
    background: var(--primary);
    color: white;
    padding: 40px 0;
    border-radius: 20px;
}
.stat-box h2 {
    color: var(--gold);
}

/* Team */
.team-card img {
    height: 250px;
    object-fit: cover;
}
.container img
{
    height:350px;
}
/* Footer */
footer {
    background: var(--primary);
    color: white;
    padding: 20px;
}

@media(max-width: 767px)
{
    #menu
    {

        height:1200px;
        position: fixed;
        z-index: 999999;
        background: #0d2c4a;
       padding: 20px 1px;
        margin: 1100px 0px 0px -20px;
    }
    .hero
   {
    height: 40vh;
   
    }
    .hero-overlay {
       
        height: 40vh;
       background: rgba(0,0,0,0.9);
    }
    .hero p
    {
        width: 99%;
        margin:10px 0.5%;
        font-size: 12px;
        font-weight: bold;
        
    }
    .vision
    {
        margin-top: 20px;
    }
    .mission
    {
        margin-top: 80px; 
    }
    .team 
    {
        margin-top: 20px;
    }
    .clients
    {
        margin-top: -20px;
    }
    .mission p,.vision  p,.team  p,.clients  p
    {
        font-size: 14px; 
    }

    footer
    {
        margin-top: -20px;
    }
}