[Dúvida] media query não funciona .apresentação

não está responsiva como na aula

h1 {
    font-size: 2rem; /* Tamanho da fonte */
    color: lightpink; /* Cor do texto */
    text-align: center; /* Alinha o texto no centro */
    margin-top: 1.25rem; /* Margem no topo */
    border-radius: 31.25rem;
}


.apresentacao__imagem{
    max-width: 50%;
    height: 50%;
}

body {
    box-sizing: border-box;
    height:100vh ;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
   background-color: gray;
    margin: 0; /* Remove as margens padrão do body */
    color: white;
  }
  

.titulo{
    color:white;
}

.apresentacao{ 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5% 15%;
    gap: 82px;
}

*{
    margin: 0;
    padding: 0;
}
.apresentacao__conteudo{
    width: 50%;
    display:flex;
    flex-direction: column;
    gap: 40px;
}

.apresentacao__conteudo__titulo{
    font-size: 2.25rem;
    font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto{
    font-size: 1.5rem;
    font-family: "Montserrat", serif;
}

.apresentacao__links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-direction: column;
    
}


.apresentacao__links__subtitulo{
font-family: 'Krona One', sans-serif;
font-size: 1.5rem;
font-weight: 400;


}
    

.apresentacao__links__link{
    width: 50%;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    padding: 1.34rem 0;
    text-decoration: none;
    color: white;
    font-family: "Montserrat", serif;
    border: 0.125rem solid lightpink;
}

.apresentacao__links__link:hover{
    background-color:lightgray ;

}

.rodape{
    padding: 24px;
    color: white;
    background-color: lightpink;
    text-align: center;
    font-family: "Montserrat", serif;
    font: size 1.5rem;;
    font-weight: 400;

}

.cabecalho__Menu{
display: flex;
gap:5rem ;
}



.cabecalho{

    padding: 2% 0% 0% 15%;

}

    .cabecalho__Menu__links{
        font-family: "Montserrat", serif ;
        font: size 1.5rem; ;
        color: white;
        text-decoration: none;

    }

  @media (max-width:1200px) {
.cabecalho{
    padding:10% ;

}

.cabecalho__Menu{
    justify-content: center;
}

  .apresentacao{
        flex-direction: column-reverse;
        padding: 5%;
    }
    
    .apresentacao__conteudo{
        width: auto;
    }
  }