// Make sure you import Ghost.
@import "ghost.less";

// Override the wrapper width, gutter width and/or column count if you please.
// You may also set @debug to true if you want columns to be colored.
@wrapper-width: 1200px;
@debug: true;

.employee-page {
  .wrapper();
}

header,
section,
footer {
  .row();
}

.welcome,
.copyright {
  .column(12);
}

.employee-pic {
  .column(2);
}

.recent-activity {
  .column(10);
}

// Viewport adjustments

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

  .welcome,
  .copyright,
  .employee-pic,
  .recent-activity {
    .column(12);
  }

}

// Make sure you import Ghost.
@import "ghost.less";

// Override the wrapper width, gutter width and/or column count if you please.
// You may also set @debug to true if you want columns to be colored.
@wrapper-width: 1200px;
@debug: true;

.employee-page {
  .wrapper();
}

header,
section,
footer {
  .row();
}

.welcome,
.copyright {
  .column(12);
}

.employee-pic {
  .column(2);
}

.recent-activity {
  .column(10);
}

// Viewport adjustments

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

  .employee-pic,
  .recent-activity {
    .column(12);
  }

}

Remove redundant media query rules
Remove redundant media query rules
