/*******************************************
 CSS Reset 
*******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************
1. Global Styles (typography, etc)
2. Header and Navigation Styles
3. Main Body Content
4. Footer Content
*********************************************/

/*********************************************
 Global Styles
*********************************************/
@font-face {
    font-family: EdwardianScript;
    src: url(fonts/edscrpt.ttf) format('truetype');
}
html {
	background-color: #fff;
}
body {
	font-size: medium;
	width: 982px;
	background-color: #fff;
	margin: 15px auto 15px auto;
	padding: 0;
}
.clear {
	clear: both;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* for IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

/*********************************************
 Header and Navigation Styles
*********************************************/
#masthead {
    width: 982px;
    height: 260px;
    background: url('images2013/Website_Masthead Base Extract_SVG Updated_20190613.svg') no-repeat 0 0/980px 260px, url('images2013/malabarPepperLogoBackGroundSolid.gif') no-repeat;
    margin: 0;
    padding: 0;
}
#bodyIndex #masthead {
    width: 982px;
    height: 260px;
  /*  background: url('images2013/Website_Masthead Base Extract_SVG Updated_20190613.svg') no-repeat 0 0/980px 260px, url('images2013/malabarPepperLogoBackGroundSolid.gif') no-repeat, url('images2013/Pepper-Vines-Graphic_Tendril.png') no-repeat 675px 235px;*/
    margin: 0;
    padding: 0;
}
#masthead hgroup {
	display: inline-block;
	height: 60px;
	width: 100%;
	margin: 35px 0 0 0;
}
#masthead h1.mainHeading {
    float: left;
    font-family: EdwardianScript, 'Edwardian Script ITC', cursive;
    font-size: 43px;
    font-weight: 400;
    width: 400px;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}
#masthead h1.subHeading {
    float: right;
    font-family: 'EB Garamond', Garamond, serif;
    font-size: 26px;
    font-weight: 600;
    width: 354px;
    color: #000;
    letter-spacing: 5.7pt;
    text-align: justify;
    line-height: 21px;
    margin: 0;
    padding: 6px 15px 0 0;
}
#masthead h1.subHeading span {
	letter-spacing: 6.4pt;
}
#masthead p {
    font-family: 'EB Garamond', serif;
    font-size: 180%;
    text-transform: uppercase;
    text-align: right;
    margin: 0;
    line-height: 50px;
    color: #62636b;
}
/*current location identifiers */
#locationIndex {
	padding: 20px 110px 0 0;
}
#locationOurProcess {
	padding: 20px 58px 0 0;
}
#locationPepperInHistory {
	padding: 20px 20px 0 0;
}
#masthead p#locationHeirloomTellicherry {
	padding: 20px 8px 0 0;
	font-size: 150%;
}
#masthead p#locationProducts {
	padding: 20px 80px 0 0;
	color: #62636b;
}
#masthead p#locationContact {
	padding: 20px 85px 0 0;
	color: #62636b;
}
nav h2 {
	position: absolute;
	left: -2000em;
}
nav[role=navigation] ul {
    float: left;
    position: relative;
    width: 100%;
    list-style: none;
    margin-top: 0px;
    font-family: 'EB Garamond', serif;
}
nav[role=navigation] ul li, nav[role=navigation] ul li:nth-of-type(4) {
	float: left;
	margin: 0;
}
nav[role=navigation] ul li:nth-of-type(4) {
	margin-left: 238px;		/* adjust to move right hand navigation li block */
}
nav[role=navigation] ul li a {
	float: left;
	display: block;
	height: 124px;
	width: 124px;
	text-decoration: none;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	line-height: 150px;
}
#home {
	float: left;
	background: url('images2013/home-small.gif') no-repeat 50% 50%;
}
#ourProcess {
	float: left;
	background: url('images2013/our-process-small.gif') no-repeat 50% 50%;
}
#pepperInHistory {
	float: left;
	background: url('images2013/pepper-in-history-small.gif') no-repeat 50% 50%;
}
#heirloomTellicherry {
	float: left;
	background: url('images2013/heirloom-tellicherry-small.gif') no-repeat 50% 50%;
}
#products {
	float: left;
	background: url('images2013/products-small.gif') no-repeat 50% 50%;
}
#contact {
	float: left;
	background: url('images2013/contact-small.gif') no-repeat 50% 50%;
}
.invisible {
	position: absolute;
	left: -2000em;
}
#home a:hover, body#bodyIndex #home a {
	background: url('images2013/home-large.gif') no-repeat 50% 50%;
}
#ourProcess a:hover, body#bodyOurProcess #ourProcess a {
	background: url('images2013/our-process-large.gif') no-repeat 50% 50%;	
}
#pepperInHistory a:hover, body#bodyPepperInHistory #pepperInHistory a {
	background: url('images2013/pepper-in-history-large.gif') no-repeat 50% 50%;
}
#heirloomTellicherry a:hover, body#bodyHeirloomTellicherry #heirloomTellicherry a {
	background: url('images2013/heirloom-tellicherry-large.gif') no-repeat 50% 50%;
}
#products a:hover, body#bodyProducts #products a {
	background: url('images2013/products-large.gif') no-repeat 50% 50%;
}
#contact a:hover, body#bodyContact #contact a {
	background: url('images2013/contact-large.gif') no-repeat 50% 50%;
}
body#bodyIndex #home a, body#bodyOurProcess #ourProcess a, body#bodyPepperInHistory #pepperInHistory a, body#bodyHeirloomTellicherry #heirloomTellicherry a, body#bodyProducts #products a, body#bodyContact #contact a {
	cursor: default;
}

/*********************************************
 Main Body Content
*********************************************/
div#container { 
	width: 980px;
	height: 100%;
	overflow: hidden;
}
/* the content div below contains a repeating gif image to form the green faux column on the right of the main content area */
div#content {
	float: left;
	width: 675px;
	height: 100%;
	background: url('images2013/faux-column.gif') repeat-y;
}
figure#right {
	width: 305px;
	margin-left: 675px;
}
.productImage {
	width: 225px;
	margin-left: 675px;
}
figure#right img {
	float: left;
}
div#content, figure#right, aside#index {
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}
section {
	width: 100%;
}
section header {
	float: left;
	width: 307px;
}
section header#firstProductHeader {
	margin-top: 40px;
}
section header h1, section header h2 {
    font-family: 'EB Garamond', serif;
    font-size: 174%;
    padding: 5px 0 0 0;
}
section header h1.firstHeading, section header h2.firstHeading {
    padding: 11px 0 0 0;
}
body#bodyHeirloomTellicherry header#heirloomHeader h2 {
    font-size: 160%;
}
section.product {
	width: 980px;
	border-bottom: 1px solid #000;
	margin-top: 20px;
}
section.product#lastProduct {
	border-bottom: none;
}
section.product#firstProduct {
	width: 980px;
	border-bottom: 1px solid #000;
	margin-top: 10px;
}
a.buyButton {
    display: block;
    text-decoration: none;
    width: 92px;
    height: 92px;
    background: url('products/images/buy-button.gif');
    line-height: 90px;
    font-family: 'EB Garamond', serif;
    font-size: 150%;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}
#buyButton1 {
	margin: 80px 0 0 140px;
}
#buyButton2 {
	margin: 120px 0 0 140px;
}
#buyButton3 {
	margin: 160px 0 0 140px;
}
img#productsPepperGraphic {
	position: inherit;
	top: 255px;
	left: 160px;
}
section.product a:hover {
	color: #FFF200;
}
section.product h2, section p.packaging, section p.weight, div.copy h3, p.buyLink {
    font-family: 'EB Garamond', serif;
}
p.specs {
    padding-left: 15px;
}
span.packaging {
	font-size: 110%;
	color: #28903A;
	padding: 5px 0 0 0;
}
span.weight {
	font-size: 110%;
	padding-top: 0;
	color: #62636b;
}
section.product h2 {
    font-size: 170%;
    color: #54555c;
}
section.product h2 span {
    display: table;
}
.productImage {
    padding: 5px 0 0 60px;
}
#productFirstImage {
	padding: 18px 0 0 60px;
}
#productLastImage {
	padding: 20px 0 0 60px;
}
header#heirloomHeader h2 span {
	font-size: 85%;
	line-height: 1.15em;
	color: #62636B;
} 
header#heirloomHeader img {
	margin: 66px 0 0 16px;
}
div.copy {
	float: left;
	width: 368px;
	background-color: #EBF5DE;
}
div.copy#firstProductCopy {
	margin-top: 40px;
}
div.copy h3 {
	font-size: 130%;
	font-weight: bold;
	padding: 12px 15px 20px 15px;
}
section p {
    font-family: 'EB Garamond', serif;
    font-size: 112%;
    line-height: 1.25;
    padding: 8px 15px 8px 15px;
}
section p.firstP {
	padding-top: 15px;
}
section p.lastP {
	padding-bottom: 20px;
}
aside#index {
    float: right;
    width: 305px;
    background: url('images2013/Pepper-Vines-Graphic_300small3.png') no-repeat;
    background-position: 0 -25px;
}
aside#index blockquote p {
    font-family: 'EB Garamond', serif;
    font-size: 165%;
    text-align: right;
    line-height: 1.4;
    letter-spacing: 2pt;
    margin-top: 380px;
}
aside#index p {
    font-family: 'EB Garamond', serif;
    font-size: 100%;
    text-align: right;
    letter-spacing: 1px;
    padding-top: 8px;
}
#historyImage1, #historyImage2, #heirloomImage {
	float: right;
	width: 305px;
}
#historyImage1 {
	margin-top: 5px;
}
#historyImage1 figcaption, #historyImage2 figcaption, #historyImage3 figcaption, figure#imagePepperVines figcaption, figure#imageHandPicking figcaption {
    font-family: 'EB Garamond', serif;
    font-size: 100%;
    font-style: italic;
    padding: 4px 0 4px 4px;
}
#heirloomImage {
	height: 493px;
	background: url('heirloom-tellicherry/images/heirloom-tellicherry-vine.jpg') no-repeat left top;
}
blockquote {
    quotes: '\201C' '\201D';
}
blockquote p:first-child:before {
content: '\201C'; content: open-quote;
}

blockquote p:before {
content: ''; content: no-open-quote;
}

blockquote p:after {
content: ''; content: no-close-quote;
}

blockquote p:last-child:after {
content: '\201D'; content: close-quote;
}
/* Sante Text */
aside p {
    color: #757780;
}
#aldhelmQuote, #attribution {
	clear: left;
	float: left;
	width: 307px;
}
/* history page quote */
#aldhelmQuote p {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 125%;
    line-height: 1.2;
    color: #757780;
    padding-left: 0;
    padding-top: 8px;
}
#aldhelmQuote p:first-of-type {
	padding-top: 140px;
}
#attribution p {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 100%;
    line-height: 1.2;
    color: #757780;
    padding: 2px 0 0 0;
    margin: 0;
}
#attribution p:first-of-type {
	padding-top: 6px;
}
/* contact page */
section.contact {
	float: left;
	width: 675px;
}
section.contact header {
	float: none;
}
section.contact  header h2{
	color: #231f20;
	padding-top:0;
}
#contactImage {
	margin-left: 675px;
}
#contactImage img {
	float:left;
}
#pepperGraphic {
	width: 307px;
	height: 61px;
	background: url('contact/images/pepperGraphic.gif') no-repeat;
	margin: 0 0 10px 0;
	padding: 0;
}
#eform {
	width: 500px;
	margin-left: 175px;
	text-align: right;
}
input, textarea {
    width: 335px;
    height: 1.9em;
    margin: 0;
    padding: 0;
    border: 1px solid #97b89b;
    background: #F8FBF4;
}
input:focus {
    outline: none;
}
input[type=submit] {
	background-color: #c9e1a6;
	border: none;
}
#formSubmitButton {
    font-family: 'EB Garamond', serif;
    font-size: 120%;
    color: #231f20;
}
#formSubmitButton:hover {
	cursor: pointer;
}
textarea {
	height: 180px;
	resize: none;
}
label {
	float: left;
	color: #62636B;
	padding: 0 30px 0 0;
	font-size: 120%;
}
#formMainLabel {
	font-size: 150%;
	color: #231f20;
	padding-bottom: 0;
	margin-left: 375px;
}
section.contact {
	position: relative;
}
address {
	position: absolute;
	top: 360px;
	left: 0;
	width: 307px;
}
address p#firstLine, address p {
	padding: 0;
	letter-spacing: 0.7px;	
}
address p {
	font-size: 120%;
	color: #62636B;
}
address p#firstLine {
	font-size: 120%;
	font-weight: bold;
}
p#emailAddress {
    padding-top: 15px;
}

/* goodsubmit page */
div#successfulSubmission {
    width: 320px;
    margin-left: 330px;
}
#successfulSubmission h2, #successfulSubmission p {
    font-family: 'EB Garamond', serif;
    line-height: 1.2;
    color: #1D1D1D;
    padding: 10px 0;
    margin: 0;
}
#successfulSubmission h2 {
	font-size: 160%;

}
#successfulSubmission p {
	font-size: 120%;
	padding: 2px 0;
}

/*********************************************
 Footer Content
*********************************************/

#pageFooter {
	clear: both;
	margin-top: 8px;
	border-top: 2px solid #767676;
}
#pageFooter p {
    font-family: 'EB Garamond', serif;
    font-size: 90%;
    letter-spacing: 0.5px;
    text-align: center;
    padding-top: 10px;
}

/*********************************************
 Tablet 2 column view 
**********************************************/

@media screen and (max-width: 1024px) {
    body {
        width: 800px;
        margin: 15px auto 15px auto;
        overflow-x: hidden;
    }
    div#container {
        width: 798px;
        height: 100%;
        overflow: hidden;
    }
    #bodyIndex #masthead {
        width: 800px;
        height: 320px;
        background: url('images2019/Mobile2-ColumnWebsiteMasthead.svg') 0 0/800px no-repeat, url('images2013/Pepper-Vines-Graphic_Tendril.png') 40px 290px no-repeat, url('images2019/malabarPepperLogoBackGroundSolid2Column.gif') 360px 268px/454px 65px no-repeat;
        margin: 15px auto 0 auto;
        padding: 0;
    }
    #bodyProducts #masthead {
        width: 800px;
        height: 320px;
        background: url('images2019/WebsiteButtons-NoText_Products.svg') 650px 282px/140px 140px no-repeat, url('images2019/Mobile2-ColumnWebsiteMasthead.svg') 0 0/800px no-repeat, url('images2019/malabarPepperLogoBackGroundSolid2Column.gif') 360px 268px/454px 65px no-repeat;
        margin: 15px auto 0 auto;
        padding: 0;
    }
    #bodyHeirloomTellicherry #masthead {
        width: 800px;
        height: 320px;
        background: url('images2019/WebsiteButtons-NoText_Products.svg') 650px 282px/140px 140px no-repeat, url('images2019/Mobile2-ColumnWebsiteMasthead.svg') 0 0/800px no-repeat, url('images2019/malabarPepperLogoBackGroundSolid2Column.gif') 360px 268px/454px 65px no-repeat;
        margin: 15px auto 0 auto;
        padding: 0;
    }
    #bodyPepperInHistory #masthead, #bodyOurProcess #masthead, #bodyHeirloomTellicherry #masthead, #bodyContact #masthead, #bodyHeirloomTellicherry #masthead {
        width: 800px;
        height: 320px;
        background: url('images2019/Mobile2-ColumnWebsiteMasthead.svg') 0 0/800px no-repeat, url('images2019/malabarPepperLogoBackGroundSolid2Column.gif') 360px 268px/454px 65px no-repeat;
        margin: 15px auto 0 auto;
        padding: 0;
    }
    #masthead hgroup {
        display: inline-block;
        height: 60px;
        width: 100%;
        margin: 35px 0 0 0;
    }
    #masthead h1.mainHeading {
        font-size: 50px;
        width: 500px;
        margin: 0 0 0 12px;
        padding: 0;
    }
    #masthead h1.subHeading {
        float: none;
        font-size: 28px;
        letter-spacing: 8.4pt;
        width: 480px;
        margin: 170px 0 0 18px;
        padding: 0;
        text-align: left;
        line-height: 26px;
    }
    #masthead h1.subHeading span {
        letter-spacing: 9.8pt;
    }
    #masthead p {
        font-size: 220%;
        text-align: left;
    }
    #locationIndex {
        margin: 0;
        padding: 16px 0 0 100px;
        letter-spacing: 7.4pt;
    }
    #masthead p#locationProducts {
        padding: 20px 20px 0 70px;
    }
    #bodyIndex .container {
        position: relative;
        padding-bottom: 772px;
    }
    #bodyProducts .container {
        position: relative;
        padding-bottom: 772px;
    }

    #bodyHeirloomTellicherry .container {
        position: relative;
        padding-bottom: 772px;
    }

    #bodyPepperInHistory .container {
        position: relative;
        padding-bottom: 772px;
    }
    #bodyOurProcess .container {
        position: relative;
        padding-bottom: 772px;
    }
    #bodyOurProcess .container {
        position: relative;
        padding-bottom: 772px;
    }
    #bodyContact .container {
        position: relative;
        padding-bottom: 772px;
    } 
    nav[role=navigation] ul {
        float: none;
        display: block;
        position: absolute;
        bottom: 0;
    }
    nav[role=navigation] ul li, nav[role=navigation] ul li:nth-of-type(4) {
        float: none;
        margin: 0;
        padding: 0 0 0 20px;
    }
        /* expand clickable regions in anchor tags */

    nav[role=navigation] ul li a {
        float: none;
        display: inline-block;
        font-family: 'EB Garamond', serif;
        height: 94px;
        width: 620px;
        margin: 0;
        padding: 58px 0 0 160px;
        text-decoration: none;
        color: #000;
        font-size: 200%;
        font-weight: normal;
        line-height: 30px;
    }
    nav[role=navigation] ul li a.double {
        margin: 0;
        padding: 44px 0 12px 160px;
    }
    nav[role=navigation] ul li a span.anchorBreak {
        display: block;
    }
    #ourProcess {
        float: none;
        background: none;
    }
    #ourProcess a:hover, body#bodyOurProcess #ourProcess a {
        background: none;
    }
    /* the content divs below contains a repeating gif image to form the green faux column on the right of the main content area */
    #bodyIndex div#content {
        float: none;
        width: 800px;
        height: 100%;
        background: url('images2013/Pepper-Vines-Graphic_300small3.png') 40px -30px no-repeat, url('images2019/fauxGreenColumn.gif') 365px 0 repeat-y;
    }
    #bodyProducts div#content {
        width: 800px;
        height: 100%;
        background: url('products/images/TG-5-lb_R-w-shadowSmall.jpg') 60px 1110px/243px 267px no-repeat, url('images2019/greenBar.gif') 500px 141px no-repeat, url('products/images/TGSEB-Bottle_R-w-shadow-ltSmall.jpg') 60px 650px/243px 270px no-repeat, url('products/images/Heirloom-Bottle_R-w-shadow-ltSmall.jpg') 60px 170px no-repeat, url('images2019/sunPepperGraphic.svg') 445px -50px/278px 241px no-repeat, url('images2019/WebsiteButtons-NoText_Products.svg') 650px -38px/140px 140px no-repeat, url('images2019/fauxGreenColumn.gif') 365px 0 repeat-y;
    }
    #bodyHeirloomTellicherry div#content {
        float: none;
        width: 800px;
        height: 100%;
        background: url('products/images/Heirloom-Bottle_R-w-shadow-ltSmall.jpg') 46px 460px/242px 270px no-repeat, url('images2019/sunPepperGraphic.svg') 20px 40px/278px 261px no-repeat, url('heirloom-tellicherry/images/PepperSpikes2Column.jpg') no-repeat 365px 0/440px 424px, url('images2019/fauxGreenColumn.gif') 365px 0 repeat-y;
    }
    #bodyOurProcess div#content {
        float: none;
        width: 800px;
        height: 100%;
        background: url('our-process/images/pepperPlucking2Column.jpg') 365px 0 no-repeat, url('images2019/fauxGreenColumn.gif') 365px 0 repeat-y;
    }
    #bodyPepperInHistory div#content {
        float: none;
        width: 800px;
        height: 100%;
        background: url('pepper-in-history/images/vascoDaGama2Column.jpg') 365px 0/435px no-repeat, url('images2019/fauxGreenColumn.gif') 365px 0 repeat-y;
    }
    #bodyContact div#content {
        float: left;
        width: 800px;
        height: 100%;
        background: url('contact/images/pepperGraphic.gif') 10px 80px no-repeat, url('contact/images/pepperSpikes2Column.jpg') 365px 0 no-repeat, url('images2019/fauxGreenColumn.gif') 365px 0 repeat-y;
    }
    #bodyHeirloomTellicherry header>img{
        display: none;
    }
    .productImage {
        display: none;
    }
    /* Page location indicators */
    #masthead p#locationContact, #masthead p#locationHeirloomTellicherry, #masthead p#locationIndex, #masthead p#locationOurProcess, #masthead p#locationPepperInHistory, #masthead p#locationProducts {
        color: #8d8f9e;
    }
    #masthead p#locationHeirloomTellicherry {
        font-size: 170%;
        padding-left: 15px;
    }
    #masthead p#locationOurProcess {
        font-size: 240%;
        letter-spacing: 1.8px;
        padding-left: 35px;
    }
    #masthead p#locationPepperInHistory {
        padding-left: 20px;
    }
    #masthead p#locationContact {
        padding-left: 80px;
    }
    #bodyHeirloomTellicherry header h2 {
        margin: 275px 0 0 0;
        padding: 0 0 0 16px;
        font-size: 170%;
        background: #fff;
    }
    #bodyHeirloomTellicherry header h2 > span {
        position: absolute;
        margin: -45px 0 0 -300px;
        padding: 0 0 10px 20px;
        font-size: 118%;
        background: #fff;
    }
    section.product {
        width: 800px;
        border-bottom: 1px solid #000;
    }
    section.product#firstProduct {
        width: 800px;
        border-bottom: 1px solid #000;
        margin-top: 0;
        padding: 0;
    }
    /* make desktop graphics disappear */
    img#productsPepperGraphic, #productFirstImage, #bodyOurProcess figure, #bodyPepperInHistory figure, #bodyPepperInHistory div#attribution, #bodyContact figure, #bodyContact p#pepperGraphic {
        display: none;
    } 
    div.copy {
        float: none;
        width: 420px;
        margin: 0 0 0 360px;
        padding: 0 0 0 12px;
        background: none;
    }
    div.copy h3 {
        width: 405px;
        margin-top: 0;
        padding-top: 80px;
        font-size: 165%;
        font-weight: normal;
    }
    #bodyOurProcess p.firstP {
        padding-top: 425px;
    }
    #bodyProducts section header h2 {
        width: 415px;
        font-size: 210%;
        margin: 0 0 0 365px;
        padding: 0 0 0 20px;
        letter-spacing: 1.4pt;
    }
/* first h2 header offset on product page */
    #bodyProducts section header#firstProductHeader h2 {
        margin: 65px 0 0 365px;
        padding: 5px 0 0 20px;
        background: #EBF5DE;
    }
/* dotted line over first product on product page */
    section#firstProduct h2 {
        border-top: 2px dotted black;
    }
 /* first h3 header offset on product page */
    div.copy#firstProductCopy h3 {
        margin: 0;
        padding: 200px 0 0 15px;
    }
 /* second h3 header offset on product page */
    div.copy#secondProductCopy h3 {
        padding: 80px 0 20px 15px;
    }
 /* third h3 header offset on product page */
    div.copy#thirdProductCopy h3 {
        padding: 50px 0 20px 15px;
    }
    /* h2 offsets */
    #bodyOurProcess h2.firstHeading {
        padding: 415px 0 0 20px;
    }
    #bodyPepperInHistory h2.firstHeading {
        padding: 450px 0 0 20px;
    }
    #bodyOurProcess section h2 {
        font-size: 240%;
        font-size: 234%;
        padding: 0 0 0 20px;
    }
    #bodyPepperInHistory section h2 {
        font-size: 192%;
        padding: 0 0 0 20px;
    }
    section p {
        font-family: 'EB Garamond', serif;
        font-size: 130%;
        line-height: 1.25;
        margin: 0;
        padding: 5px 5px 8px 15px;
    }
    p.specs {
        padding: 0 0 60px 15px;
    }
    /* main text top padding offsets */
    #bodyIndex section p.firstP {
        padding-top: 340px;
    }
    #bodyProducts section p.firstP {
        padding-top: 30px;
    }
    #bodyHeirloomTellicherry section p.firstP {
        padding-top: 455px;
    }
    #bodyPepperInHistory section p.firstP {
        padding-top: 455px;
    }
    section header h1.firstHeading {
        padding-top: 336px;
    }
    section header h1.firstHeading, section header h2.secondHeading, section header h2.thirdHeading {
        padding-left: 20px;
        font-size: 210%;
    }
    section p.lastP {
        padding-bottom: 20px;
    }
    #heirloomImage {
        display: none;
    }
/* navigation links */
    #home {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Home.svg') 25px 2px/140px 140px no-repeat, url('images2019/pepperImageCrop2.jpg') 365px 7px no-repeat;
    }
    #ourProcess {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Process.svg') 25px 2px/140px 140px no-repeat, url('images2019/2005_02062005_Dec-Trip0225.JPG') 365px 7px no-repeat;
    }
    #pepperInHistory {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_History.svg') 25px 5px/140px 140px no-repeat, url('images2019/History-Button-Image-cr.jpg') 365px 7px no-repeat;
    }
    #heirloomTellicherry {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Heirloom.svg') 25px 5px/140px 140px no-repeat, url('images2019/pepperVines.jpg') 365px 7px no-repeat;
    }
    #products {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Products.svg') 25px 5px/140px 140px no-repeat, url('images2019/whiteBar.jpg') 500px 0 no-repeat, url('images2019/whiteBar.jpg') 500px bottom no-repeat, url('images2019/sunPepperGraphic.svg') 425px -60px/278px 261px no-repeat, url('images2019/fauxGreenColumn.gif') 365px 7px/435px 136px no-repeat;
    }
    #contact {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Contact.svg') 25px 5px/140px 140px no-repeat, url('images2019/pepperSpikes.jpg') 365px 7px no-repeat;
    }
 /* add top border to first navigation item */
    nav ul  {
        border-top: 1px solid black;
    }
    .invisible {
        position: inherit;
    }
/* make navigation links for current page invisible */
    #bodyIndex nav ul #home, #bodyProducts nav ul #products, #bodyHeirloomTellicherry nav ul #heirloomTellicherry, #bodyOurProcess nav ul #ourProcess, #bodyPepperInHistory nav ul #pepperInHistory, #bodyContact nav ul #contact {
        display: none;
    }
    #home a:hover, body#bodyIndex #home a {
        background: none;
    }
    #ourProcess a:hover, body#bodyOurProcess #ourProcess a {
        background: none;
    }
    #pepperInHistory a:hover, body#bodyPepperInHistory #pepperInHistory a {
        background: none;
    }
    #heirloomTellicherry a:hover, body#bodyHeirloomTellicherry #heirloomTellicherry a {
        background: none;
    }
    #products a:hover, body#bodyProducts #products a {
        background: none;
    }
    #contact a:hover, body#bodyContact #contact a {
        background: none;
    }
    body#bodyIndex #home a, body#bodyOurProcess #ourProcess a, body#bodyPepperInHistory #pepperInHistory a, body#bodyHeirloomTellicherry #heirloomTellicherry a, body#bodyProducts #products a, body#bodyContact #contact a {
        cursor: default;
    }
    aside#index {
        float: none;
        background: none;
        position: absolute;
        top: 430px;
        right: 134px;
        margin: 0;
        padding: 0;
    }
    aside#index blockquote p {
        width: 400px;
        font-size: 226%;
        letter-spacing: 1.8pt;
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    aside#index p {
        width: 400px;
        font-size: 110%;
        letter-spacing: 2pt;
        margin: 0;
        padding: 10px 0 0 0;
    }
    #pageFooter {
        clear: both;
        margin-top: 4px;
        border-top: none;
    }
    #pageFooter p {
        font-family: 'EB Garamond', serif;
        font-size: 120%;
        letter-spacing: 6px;
        text-align: center;
        padding: 2px 0 0 18px;
    }

    /* contact page form start*/

    section.contact header h2 {
        margin-top: 170px;
        padding-left: 20px;
        font-size: 250%;
        letter-spacing: 1.6px;
    }
    #eform {
        width: 520px;
        margin-left: 240px;
        text-align: right;
    }
    input, textarea {
        width: 335px;
        height: 1.9em;
        margin: 0;
        padding: 0;
        border: 1px solid #97b89b;
    }
    input[type=submit] {
        background-color: #c9e1a6;
        border: none;
    }
    #formSubmitButton {
        font-family: 'EB Garamond', serif;
        font-size: 120%;
        color: #231f20;
    }
    #formSubmitButton:hover {
        cursor: pointer;
    }
    textarea {
        height: 180px;
        resize: none;
    }
    label {
        float: left;
        color: #62636B;
        padding: 0 0 0 0;
        font-size: 120%;
    }
    #formMainLabel {
        width: 100%;
        font-size: 200%;
        letter-spacing: 1.3px;
        color: #231f20;
        padding-bottom: 10px;
        margin-top: 210px;
        margin-left: 440px;
    }
    section.contact {
        position: relative;
    }
    address {
        position: absolute;
        top: 660px;
        left: 0;
        left: 20px;
        width: 307px;
    }
    address p#firstLine, address p {
        padding: 0;
        letter-spacing: 0.7px;
    }
    address p {
        font-size: 144%;
        color: #62636B;
    }
    address p#firstLine {
        font-size: 140%;
        font-weight: bold;
    }
    p#emailAddress {
        font-size: 136%;
        padding-top: 15px;
    }
    /* contact page form end*/

    /* goodsubmit page */
    div#successfulSubmission {
        width: 300px;
        margin: 200px 0 20px 370px;
    }
    #successfulSubmission h2, #successfulSubmission p {
        font-family: 'EB Garamond', serif;
        line-height: 1.2;
        color: #1D1D1D;
        padding: 10px 0 10px 5px;
        margin: 0;
    }
    #successfulSubmission h2 {
        font-size: 160%;
    }
    #successfulSubmission p {
        font-size: 120%;
        padding: 2px 0 5px 5px;
    }
}


/*********************************************
 mobile single column view 
**********************************************/

@media  screen and (max-width: 768px) {
    html {
        font-size: 100%;
    }
    body {
        width: 360px;
        margin: 0 auto;
        overflow-x: hidden;
    }
    /* nav bar position */

    div#content, figure#right, aside#index {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    div#container {
       width: 360px;
    }
    /* masthead */

    #bodyIndex #masthead, #bodyContact #masthead, #bodyHeirloomTellicherry #masthead, #bodyIndex #masthead, #bodyOurProcess #masthead, #bodyPepperInHistory #masthead, #bodyProducts #masthead {
       /* width: 360px;*/
        height: 380px;
        background: url('images2019/Mobile1-ColumnWebsiteMastH.svg') 0 70px/360px no-repeat;
        margin: 0 auto 0 auto;
        padding: 0;
    }
    /* expand clickable regions in anchor tags */

    nav[role=navigation] ul li a {
        float: none;
        display: inline-block;
        font-family: 'EB Garamond', serif;
        height: 92px;
        width: 180px;
        margin: 0;
        padding: 58px 0 0 160px;
        text-decoration: none;
        color: #000;
        font-size: 200%;
        font-weight: normal;
        line-height: 30px;
    }
    nav[role=navigation] ul li a.double {
            margin-top: 0;
            padding: 45px 0 14px 160px;
        }
    #masthead hgroup {
        display: inline-block;
        height: 60px;
        margin: 20px 0 0 0;
    }
    #masthead h1.mainHeading {
        font-size: 40px;
        width: 360px;
        margin: 0 0 0 5px;
        padding: 0;
    }
    #masthead h1.subHeading {
        font-size: 24px;
        letter-spacing: 6pt;
        width: 360px;
        margin: 300px 0 0 10px;
        padding: 0;
        text-align: left;
        line-height: 26px;
    }
    #masthead h1.subHeading span {
        letter-spacing: 7pt;
    }

    /* the content divs below contains a repeating gif image to form the green faux column on the right of the main content area */
    #bodyIndex div#content {
        float: none;
        width: 360px;
        height: 100%;
        background: url('images2013/Pepper-Vines-Graphic_300small3.png') 20px 0 no-repeat, url('images2019/fauxGreenColumn.gif') 0 0 repeat-y;
    }
    /* background product images */
    #bodyProducts div#content {
        float: none;
        width: 360px;
        height: 100%;
        background: url('products/images/mobileSingleColumnProduct1.jpg') 15px 306px no-repeat, url('products/images/mobileSingleColumnProduct2.jpg') 15px 874px no-repeat, url('products/images/mobileSingleColumnProduct3.jpg') 15px 1425px no-repeat, url('images2019/fauxGreenColumn.gif') 0 0 repeat-y;
    }
    /* heirloom images */
    #bodyHeirloomTellicherry div#content {
        float: none;
        width: 360px;
        height: 100%;
        background: url('heirloom-tellicherry/images/PepperSpikes2Column.jpg') 0 0/360px no-repeat, url('products/images/heirloomBottleSingleColumn.jpg') 105px 574px no-repeat, url('images2019/fauxGreenColumn.gif') 0 0 repeat-y;
    }
    #bodyOurProcess div#content {
        float: none;
        width: 360px;
        height: 100%;
        background: url('our-process/images/pepper-plucking.jpg') 0 14px/360px no-repeat, url('images2019/fauxGreenColumn.gif') 0 0 repeat-y;
    }
	#bodyPepperInHistory div#content {
		float: none;
		width: 360px;
		height: 100%;
		background: url('pepper-in-history/images/VascodagamaSingleColumn.jpg') 0 8px/360px no-repeat, url('images2019/fauxGreenColumn.gif') 0 0 repeat-y;
	}
	#bodyContact div#content {
		width: 360px;
		height: 100%;
		background: url('contact/images/PepperSpikesSingleColumn.jpg') 0 6px/360px no-repeat, url('images2019/fauxGreenColumn.gif') 0 0 repeat-y;
	}
    /* sante quote */
    aside#index {
        position: absolute;
        width: 360px;
        background: none;
        top: 430px;
        right: 0;
    }
    aside#index p {
        width: 350px;
        font-size: 120%;
        font-weight: normal;
        letter-spacing: 2.5pt;
        margin: 0;
        padding: 10px 5px 8px 0;
        border-bottom: 2px dotted gray;
    }
    aside#index blockquote p {
        width: 360px;
        font-size: 130%;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 1.2;
        text-align: left;
        margin: 330px 0 0 0;
        padding: 0 0 0 8px;
        border-bottom: none;
    }
    /* make break tag disappear */
    aside#index p br {
        display: none;
    }
    #bodyIndex div.copy {
        float: none;
        width: 360px;
        margin: 0 0 0 0;
        padding: 0;
        background: none;
    }
    #bodyIndex h1.firstHeading, #bodyIndex h2.secondHeading, #bodyIndex h2.thirdHeading {
        margin: 0;
        font-size: 140%;
        font-weight: bold;
        color: #474444;
    }
    #bodyIndex h1.firstHeading {
        padding: 466px 8px 5px 8px;
    }
    #bodyIndex h2.secondHeading {
        padding: 12px 0 0 8px;
    }
    #bodyIndex h2.thirdHeading {
        padding: 12px 0 0 8px;
    }
   
    section p {
        font-size: 120%;
        color: #585a61;
        padding-left: 10px;
    }
    #bodyIndex #content section:nth-of-type(2) p {
        padding-top: 5px;
        padding-bottom: 8px;
    }
    #bodyIndex section p.firstP {
        margin: 0;
        padding: 0 8px 8px 8px;
    }
    #bodyIndex section header {
        float: none;
        width: 360px;
    }
   
    /* navigation links */
 
    #home {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Home.svg') 10px 2px/140px 140px no-repeat;
    }
    #ourProcess {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Process.svg') 10px 2px/140px 140px no-repeat;
    }
    #pepperInHistory {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_History.svg') 10px 5px/140px 140px no-repeat;
    }
    #heirloomTellicherry {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Heirloom.svg') 10px 5px/140px 140px no-repeat;
    }
    #products {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Products.svg') 10px 5px/140px 140px no-repeat;
    }
    #contact {
        float: none;
        height: 150px;
        border-bottom: 1px solid black;
        background: url('images2019/WebsiteButtons-NoText_Contact.svg') 10px 5px/140px 140px no-repeat;
    }

    /* masthead focused navigation icon and page IDs */
    p#locationIndex {
        position: absolute;
        width: 100px;
        height: 150px;
        top: 123px;
        right: -30px;
        margin: 0;
        padding: 111px 41px 0 10px;
        font-size: 180%;
        letter-spacing: 1pt;
    }
    #bodyIndex #locationIndex {
      /*  background: url('images2019/WebsiteButtons-NoText_Home.svg') 11px 2px/118px 118px no-repeat;*/
        width: 100px;
        background: url('images2019/WebsiteButtons-NoText_Home.svg') 1px 3px/118px 118px no-repeat;
    }
    #masthead p#locationProducts {
        position: absolute;
        width: 100px;
        height: 150px;
        top: 126px;
        right: -74px;
        margin: 0;
        padding: 120px 100px 0 20px;
        font-size: 150%;
        letter-spacing: -1px;
        line-height: normal;
    }
    #bodyProducts #locationProducts {
        width: 100px;
        background: url('images2019/WebsiteButtons-NoText_Products.svg') 26px 0/118px 118px no-repeat;
    }
    #masthead p#locationHeirloomTellicherry {
        position: absolute;
        width: 100px;
        height: 150px;
        top: 120px;
        right: -100px;
        margin: 0;
        padding: 125px 131px 0 20px;
        font-size: 160%;
        letter-spacing: -1px;
        line-height: 0.8;
        text-align: right;
    }
    #bodyHeirloomTellicherry #locationHeirloomTellicherry {
        width: 100px;
        background: url('images2019/WebsiteButtons-NoText_Heirloom.svg') 31px 0/118px 118px no-repeat;
    }
    #masthead p#locationHeirloomTellicherry span {
        display: table;
        font-size: 80%;
    }
    #masthead p#locationOurProcess {
        position: absolute;
        width: 122px;
        height: 150px;
        top: 120px;
        right: -100px;
        margin: 0;
        padding: 125px 100px 0 20px;
        font-size: 120%;
        letter-spacing: 1pt;
        line-height: 0.8;
        text-align: center;
    }
    #bodyOurProcess #locationOurProcess {
        width: 180px;
        background: url('images2019/WebsiteButtons-NoText_Process.svg') 22px 0/118px 118px no-repeat;
    }
    #masthead p#locationOurProcess span {
        display: table;
        font-size: 140%;
        letter-spacing: 0.8pt;
        line-height: 0.8;
    }
    #masthead p#locationPepperInHistory {
        position: absolute;
        width: 122px;
        height: 150px;
        top: 119px;
        right: -99px;
        margin: 0;
        padding: 125px 100px 0 20px;
        font-size: 120%;
        letter-spacing: 1pt;
        line-height: 0.8;
        text-align: center;
    }
    #bodyPepperInHistory #locationPepperInHistory {
        width: 180px;
        background: url('images2019/WebsiteButtons-NoText_History.svg') 23px -1px/118px 118px no-repeat;
    }
    #masthead p#locationPepperInHistory span {
        display: table;
        line-height: 0.8;
        font-size: 140%;
        padding: 0;
    }
    #masthead p#locationContact {
        position: absolute;
        width: 122px;
        height: 150px;
        top: 111px;
        right: -99px;
        margin: 0;
        padding: 125px 100px 0 20px;
        font-size: 146%;
        letter-spacing: 1pt;
    }
    #bodyContact #locationContact {
        width: 180px;
        background: url('images2019/WebsiteButtons-NoText_Contact.svg') 23px 13px/118px 118px no-repeat;
    }
    #pageFooter p, #bodyProducts #pageFooter p {
        font-size: 92%;
        text-align: justify;
        letter-spacing: 0.1pt;
        padding: 2px 0 0 0;
    }
    /* make current page display icons dissapear */
    #bodyIndex nav ul #home {
        display: none;
    }
    
    #bodyProducts nav ul #products {
        display: none;
    }
    #bodyOurProcess nav ul #ourProcess {
        display: none;
    }
    #bodyHeirloomTellicherry nav ul #heirloomTellicherry {
        display: none;
    }
    #bodyPepperInHistory nav ul #pepperInHistory {
        display: none;
    }
    #bodyContact nav ul #contact {
        display: none;
    }
    #bodyIndex nav ul #home span, #bodyContact nav ul #contact span, #bodyHeirloomTellicherry nav ul #heirloomTellicherry span, #bodyOurProcess nav ul #ourProcess span, #bodyPepperInHistory nav ul #pepperInHistory span, #bodyProducts nav ul #products span {
        display: none;
    }
    div#content, figure#right, aside#index {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    div.copy {
        float: none;
        width: 350px;
        margin: 0;
        padding: 0;
        background: none;
    }
    div.copy h3 {
        width: 340px;
        margin-top: 0;
        padding: 20px 0 0 5px;
        font-size: 120%;
        font-weight: bold;
    }
    section header {
        float: none;
        width: 360px;
    }
    section header#firstProductHeader {
        margin-top: 0;
    }
    div.copy#firstProductCopy {
        margin: 0;
        padding: 0;
    }
    section.product {
        width: 360px;
        height: 570px;
        margin: 0;
        padding: 0;
    }
    section.product#firstProduct {
        width: 360px;
        height: 510px;
        margin: 0;
        padding: 20px 15px 14px 5px;
    }
    #bodyProducts section header#firstProductHeader h2 {
        width: 340px;
        font-size: 160%;
        margin: 0;
        padding: 15px 0 0 5px;
        background: #EBF5DE;
        line-height: 22px;
        letter-spacing: 1px;
    }
    #bodyProducts section header h2 {
        width: 360px;
        font-size: 160%;
        margin: 0;
        padding: 12px 0 0 10px;
        letter-spacing: 1px;
    }
    div.copy#firstProductCopy h3, div.copy#secondProductCopy h3, div.copy#thirdProductCopy h3 {
        line-height: 24px;
        color: #474444;
    }
    div.copy#firstProductCopy h3 {
        margin: 0;
        padding: 12px 0 0 5px;
    }
    div.copy#secondProductCopy h3 {
        padding: 10px 0 0 10px;
    }
    div.copy#thirdProductCopy h3 {
        width: 320px;
        padding: 10px 0 0 10px;
    }
    section.product h2 span {
        display: inline;
    }
    #bodyProducts p {
        padding: 15px 5px 0 8px;
        font-size: 110%;
    }
    #bodyProducts section p.firstP {
        padding: 15px 8px 0 5px;
        font-size: 110%;
    }
    #bodyProducts p.specs {
        padding: 8px 0 0 8px;
        font-size: 100%;
    }
    span.packaging {
        color: #62636b;
    }

    /* index page */

    #bodyIndex .container {
        padding-bottom: 771px;
    }

    /* Heirloom page */

    #bodyHeirloomTellicherry header h2 {
        width: 360px;
        margin: 0;
        padding: 0;
        visibility: hidden;
    }
    #bodyHeirloomTellicherry header h2 span {
        visibility: visible;
        display: block;
        margin: 350px 0 0 0;
        padding: 0 0 0 8px;
        font-size: 116%;
        color: #000;
        background: #EBF5DE;
    }
    #bodyHeirloomTellicherry section p {
        width: 340px;
        padding: 232px 10px 0 10px;
    }
    #bodyHeirloomTellicherry section p.firstP {
        padding: 400px 10px 0 10px;
    }
    #bodyHeirloomTellicherry section p.lastP {
        padding: 15px 0 20px 10px;
    }

    /* our process page */

    #bodyOurProcess h2.firstHeading {
        font-size: 150%;
        font-weight: bold;
        padding-top: 500px;
        padding-left: 10px;
    }
    #bodyOurProcess p {
        margin-right: 8px;
    }
    #bodyOurProcess p.firstP {
        padding-top: 5px;
    }
    #bodyOurProcess section h2 {
        font-size: 150%;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 10px;
    }

    /* pepper in history page */

    #bodyPepperInHistory header h2 {
        width: 360px;
        margin: 0;
        padding: 0;
        font-size: 170%;
    }

    #bodyPepperInHistory section h2 {
        font-size: 150%;
        padding-left: 10px;
        padding-top: 10px;
        font-weight: bold;
    }
    #bodyPepperInHistory h2.firstHeading {
        padding-top: 505px;
        padding-left: 10px;
        font-size: 150%;
        font-weight: bold;
    }
    #bodyPepperInHistory section p.firstP {
        padding-top: 5px;
    }

    /* contact page */

    section.contact {
        position: relative;
        float: none;
        width: 360px;
    }
    #bodyContact section.contact header h2 {
        margin-top: 425px;
        margin-left: 0;
        padding-left: 10px;
        font-size: 210%;
        letter-spacing: 1.6px;
    }
    #eform {
        width: 340px;
        margin-left: 0;
        text-align: right;
    }
    input, textarea {
        width: 320px;
        height: 1.9em;
        margin: 0;
        padding: 0;
        border: 1px solid #97b89b;
    }
    input[type=submit] {
        background-color: #c9e1a6;
        border: none;
    }
    #formSubmitButton {
        font-family: 'EB Garamond', serif;
        font-size: 120%;
        color: #231f20;
    }
    #formSubmitButton:hover {
        cursor: pointer;
    }
    textarea {
        height: 180px;
        resize: none;
    }
    label {
        float: left;
        color: #62636B;
        padding: 0 0 0 0;
        font-size: 120%;
    }
    #formMainLabel {
        width: 90%;
        font-size: 160%;
        letter-spacing: 1.3px;
        text-align: center;
        border-top: 2px dotted gray;
        color: #231f20;
        padding: 16px 0 0 0;
        margin: 220px 5px 30px 15px;
    }
    address {
        position: absolute;
        top: 60px;
        left: 25px;
        width: 307px;
    }
    address p#firstLine, address p {
        padding: 0;
        letter-spacing: 0.7px;
    }
    address p {
        font-size: 120%;
        color: #62636B;
    }
    address p#firstLine {
        font-size: 125%;
        font-weight: bold;
    }
    p#emailAddress {
        padding-top: 15px;
    }

    /* goodsubmit page */
    div#successfulSubmission {
        width: 300px;
        margin: 10px 0 20px 10px;
    }
    #successfulSubmission h2, #successfulSubmission p {
        font-family: 'EB Garamond', serif;
        line-height: 1.2;
        color: #1D1D1D;
        padding: 10px 0 10px 5px;
        margin: 0;
    }
    #successfulSubmission h2 {
        font-size: 160%;
    }
    #successfulSubmission p {
        font-size: 120%;
        padding: 2px 0 5px 5px;
    }
}