child theme css not working

Hello,
I am trying to make some changes to ignite with a child theme, but the css changes are not having any effect.
I have also tried making changes to footer.php, just to see if that would change. And it did.

I have made a child theme which has the style.css looking like this:

/*
 Theme Name:   Ignite Child
 Template:     ignite
*/

@import url("../ingnite/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

@media all and (min-width: 800px){

  .site-header {
    position: fixed;
    width: 100%;
    z-index: 9;
  }
  .overflow-container {
    padding-top: 72px;
  }
}

but this is not working, nor is any other change. Could you help?