Oi Vinicius, tudo bem por aqui :D
Vamos lá, no seu head
, a segunda tag meta está com o nome do parametro errado, deveria ser <meta name="viewport" content="width=device-width">
, a sua está da seguinte maneira:
<head>
<meta charset="UTF-8">
<meta charset="viewport" content="width=device-width">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
</head>
Ajustando essa parte o seu @media irá aplicar os estilos da maneira correta. ;)
Espero ter ajudado. Bons estudos.
ps: Opa, depois que eu mandei a resposta vi que você tinha encontrado o erro, que bom que conseguiu e desculpe a demora.