$page-side-padding: 2rem;

$page-header-height: 64px;
$page-header-icon-color: $md-gray-30;
$page-header-icon-font-size: rem-calc(36);
$page-header-icon-margin-right: rem-calc(16);
$page-header-nav-color: $md-gray-30;
$page-header-nav-margin-top: rem-calc(40);
$page-header-nav-margin-bottom: 0;
$page-header-nav-margin-right: rem-calc(20);
$page-header-nav-margin-left: rem-calc(20);
$page-header-nav-font-size: rem-calc(20);
$page-header-nav-padding-right: 0;
$page-header-nav-padding-bottom: rem-calc(17);
$page-header-nav-border-bottom-color: transparent;
$page-header-nav-hover-border-bottom-color: $md-gray-30;
$page-header-nav-active-border-bottom-color: $md-theme-50;
$page-header-nav-active-color: $md-theme-50;
$page-header-nav-active-hover-padding-bottom: rem-calc(24);

$page-sub-header-height: 66px;
$page-sub-header-vertical-padding: 0.75rem;
$page-sub-header-horizontal-padding: 2rem;
$page-sub-header-nav-color: $md-gray-30;
$page-sub-header-nav-margin-right: rem-calc(32);
$page-sub-header-nav-font-size: rem-calc(20);
$page-sub-header-nav-padding-right: 0;
$page-sub-header-nav-padding-bottom: rem-calc(12);
$page-sub-header-nav-border-bottom-color: transparent;
$page-sub-header-nav-hover-border-bottom-color: $md-gray-30;
$page-sub-header-nav-active-border-bottom-color: $md-theme-50;
$page-sub-header-nav-active-color: $md-theme-50;