/*web font(s)*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,900&display=swap');

/*global reset*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/*fix up for older browsers to properly draw the new semantic elements*/

header,
nav,
main,
aside,
article,
section,
footer,
figure,
figcaption {
    display: block;
}


/*basic text styling - set up for use of REM*/

html {
    font-size: 10px;
    font-weight: 100;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

p {
    font-size: 1.6rem;
    line-height: 1.5;
    /*    this would give a number for vertical rhythm of 2.4rem*/
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}


td,
li {
    font-size: 1.6rem;
}

/*basic layout*/

#wrapper {
    width: 90%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/*fluid images*/

img {
    max-width: 100%;
    height: auto;
}