/*web font(s)*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&family=Tenor+Sans&display=swap');

/*global reset*/
/*turns off auto changes by browser*/
* {
    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;
}

body {
    font-family: "Tenor Sans", Arial, sans-serif;
}

h1 {
    color: #e26415;
    font-size: 5rem;
    padding-top: 6rem;
    padding-left: 6rem;
    padding-bottom: 2rem;
}

h2 {
    font-family: 'Playfair Display', Georgia, serif;
    color: #b70000;
    font-size: 5rem;
    padding-left: 5rem;
    padding-bottom: 3rem;
    padding-top: 7rem;
    line-height: 10rem;
}

h3 {
    color: #f48b00;
    font-size: 10rem;
    padding: 5rem;
}

p {
    color: #20550c;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    padding-left: 4.5rem;
    padding-right: 0.6rem;
}

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


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

nav li {
    display: inline-block;
}

/*basic layout*/

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

/*fluid images*/

img {
    max-width: 100%;
    height: auto;
    padding-left: 15rem;
}


/*MEDIA QUERY - CHANGES IN SCREEN SIZE*/