*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Roboto',sans-serif;
    line-height:1.7;
    color:#222;
}

img{
    width:100%;
    display:block;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}
.logo{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 180px;
    z-index: 10;
}

.logo img{
    width: 100%;
    height: auto;
}

.hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}

.hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.overlay{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
}

.overlay h1{
    background:rgba(100,100,100,.8);
    color:#fff;
    padding:30px 40px;
    border-radius:12px;
    font-size:3rem;
    text-align:center;
    max-width:900px;
}

.atendimento{
    padding:100px 0;
    background:#f5f5f5;
}

.atendimento h2{
    font-size:4rem;
    margin-bottom:30px;
}

.atendimento p{
    font-size:1.3rem;
}

.servicos{
    background:#000;
    color:#fff;
    padding:100px 0;
}

.servicos h2{
    font-size:4rem;
    margin-bottom:30px;
}

.servicos ul{
    list-style:none;
}

.servicos li{
    margin-bottom:25px;
    font-size:1.5rem;
}

.sobre{
    padding:100px 0;
}

.sobre p{
    font-size:1.2rem;
    margin-bottom:20px;
}

.sobre h2{
    margin:60px 0 30px;
    font-size:4rem;
}

.contato{
    background:#000;
    color:#fff;
    padding:100px 0;
}

.contato h2{
    font-size:4rem;
    margin-bottom:50px;
}

.info h3{
    font-size:2rem;
    margin-top:30px;
}

.info p{
    font-size:1.2rem;
}

@media(max-width:900px){

    .grid-2{
        grid-template-columns:1fr;
    }

    .overlay h1{
        font-size:2rem;
        width:90%;
    }

    .atendimento h2,
    .servicos h2,
    .sobre h2,
    .contato h2{
        font-size:2.5rem;
    }
}