/*===========================================

Base Styles and Resets
*/

}

html, body {

height: 100%;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

}

html {

font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: sans-serif;

}

body {

@include primary-font;
color: $text;
font-size: 14px;
line-height: 1.42857143;
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;

}

a {

@include primary-font;
color: $orange;
text-decoration: none;

&:focus { outline: thin dotted; }
&:active { outline: 0; }
&:hover { outline: 0; }

}

:focus {

outline: none;

}

img {

max-width: 100%;
height: auto;

}