_scss/_desktop.scss

@media screen and (min-width: $media-size-desktop-start) {
  .header {
    flex-flow: row wrap;
    // no margin needed when header is a single row
    padding-bottom: 0px;
  }

  a.indexable {
    // when index item is selected offset content based upon header height
    top: $indexed-content-top-offset-desktop;
  }

  #whiskHeader {
    // This padding applies only to the home page which has a banner
    padding-top: $whisk-header-desktop-padding-top;
  }

  #whiskIndexedLayout {
    // This padding applies to all content pages (no banner)
    padding-top: $whisk-header-desktop-padding-top;

    #whiskIndex {
      top: $index-menu-top-offset-desktop;
    }

    #whiskNodes {
      main {
        background: $color-bg-desktop-main;

        .content {
          width: $main-content-width-desktop;
        }

        .image-wrapper {
          // Note: the image-wrapper will automatically consume the remaining % (i.e., 40%)
          // Do NOT set any values here or image scaling will be impacted.
        }
      }
    }
  }
}