styles.scss

/* This */
nav {
  margin-top: 45px;
}

@media (max-width: 600px) {
  nav {
    margin-top: 25px;
  }
}

[role="main"] {
  float: left;
}

@media (max-width: 600px) {
  [role="main"] {
    float: none;
  }
}

/* Instead of this */
nav {
  margin-top: 45px;
}

[role="main"] {
  float: left;
}

@media (max-width: 600px) {
  nav {
    margin-top: 25px;
  }
  
  [role="main"] {
    float: none;
  }
}