html, body {
    margin: 0;
    padding: 0;
}
body{
    height:auto;
}
.hero {
    min-height: 100dvh;
    background-image: url("../image/fundomobile.jpg");
    background-size: cover;
    background-position: top center; /* 🔥 aqui */
    background-repeat: no-repeat;
}

header {
    height: 150px;
}

.logo {
    height: 80px;
    margin: 30px;
}

.conteudo {
    color: white;
    flex: 1; /* empurra o footer para o fundo */
    margin-top:0px;
    height:600px;
    width:100%;
    padding:30px;
    display: block;
}
.portifolio{
    text-align: center;
    color: white;
}
.texto{
    margin-top:-7px;
}
.texto1{
    margin-top:5px;
}
.textoportifolio{
    text-align: center;
    margin-top:150px;
    color:white;
}
.footer {
    position:relative;
    bottom:0px;
    height:70px;
    width:100%;
    text-align: center;
    color: white;
    padding-top: 20px;
}

/* DESKTOP */
@media (min-width: 600px) {
    .hero {
    min-height: 150dvh;
    background-image: url("../image/fundodesktop.jpg");
    background-size: cover;
    background-position: top center; /* 🔥 aqui */
    background-repeat: no-repeat;
    }

    .imagemlateral{
    
    top:-180px;
    right:-200px;
    width:35%;
    height:auto;
    }
    .conteudo {
        margin-top:30px;
    }
    .texto{
    margin-top:0px;
    }
    .texto1{
        margin-top:25px;
    }
    .portifolio{
        margin-top:0px;
    }

}
@media (min-width: 1100px) {
    .logo {
        height: 80px;
        margin: 50px;
    }
    .conteudo {
        margin-top:50px;
        margin-left:50px;
    }
    .texto{
    margin-top:0px;
    }
    .texto1{
        margin-top:25px;
    }
}