//  #   Base
//      Defines styles for basic elements

//	*******************************************************
// 	## HTML and BODY
//	*******************************************************

*
{
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
}

html, body
{ 
    height: 100%; 
    font-size: $font-size-base;
    color: $color-gray-darker;
}

html {}

body
{
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    font-family: $font-family-base;

    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
