/*******************************************************/
/******************* ## Repeat Style ******************/
/*******************************************************/
// Global Extend/Inheritance 

// Heading
.heading,
%heading
    font-weight: 600
    color: $heading-color
    font-family: $heading-font  
    
%h1
    @extend %heading
    line-height: 1.1
    font-size: $h1-size

%h2
    @extend %heading
    line-height: 1.25
    font-size: $h2-size

%h3
    @extend %heading
    line-height: 1.25
    font-size: $h3-size

%h4
    @extend %heading
    line-height: 1.35
    font-size: $h4-size

%h5
    @extend %heading
    font-size: $h5-size

%h6
    @extend %heading
    font-size: $h6-size
    
%box-shadow
    box-shadow: 3px 0 60px transparentize(map-get($colors, secondary-color), 0.8)