Procedimiento para media-queries externos e internos

Para responsive externo en otro archivo css lo que tenemos que hacer es en el html de mi proyecto hago el llamado al archivo:

<link rel="stylesheet" media="(max-width: 800px)" href="css/media-querie.css"/>

y luego realizo el archivo media-querie.css aparte:

body{

  background: red;

  border: 10px solid blue

}

Para  responsive interno en un solo archivo css copiamos lo siguiente en la hoja de estilos de nuestro proyecto:

@media screen and (max-width: 800px){

  body{

    background: peru;

    border: 10px solid blue;

  }

}