html { font-size: 62.5%; }
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'Lora', serif;
	color: #222;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 300;
}
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
@media (min-width: 550px) {
	h1 { font-size: 5.0rem; }
	h2 { font-size: 4.2rem; }
	h3 { font-size: 3.6rem; }
	h4 { font-size: 3.0rem; }
	h5 { font-size: 2.4rem; }
	h6 { font-size: 1.5rem; }
}
p { margin-top: 0; }
a { color: #1EAEDB; }
a:hover { color: #0FA0CE; }

/* nav header */
nav { border-bottom: 1px solid #ddd; padding-bottom: 1.5rem; }
nav p { margin: 0; line-height: normal; }
.nav-left, .nav-middle, .nav-right { text-align: center; }
.nav-left { margin-top: 1.5rem; }
.nav-middle { margin-top: 1.8rem; }
.nav-right { margin-top: 1.5rem; }
.nav-left img { width: auto; height: 10rem; }
.nav-right a { padding: 0 0.5rem; }
@media (min-width: 768px) {
	.nav-left { text-align: left; }
	.nav-middle { margin-top: 7rem; }
	.nav-right { margin-top: 5.4rem; text-align: right; }
	.nav-right a { padding: 0 0 0 1rem; }
	.nav-right a:first-child { padding: 0; }
}
@media (min-width: 992px) {
	.nav-middle a { padding: 0 1rem; }
}

/* carousel */
.carousel { height: 50rem; }
.carousel .item { height: 50rem; background-color: #777; }
.carousel-inner > .item > img { max-width: none; min-width: 100%; min-height: 50rem; height: auto; }
.carousel-caption { padding-bottom: 4rem; }
.carousel h1, .carousel p { font-weight: bold; }
@media screen and (min-width: 768px) {
	.carousel-caption { padding-bottom: 6rem; }
}

/* section */
.section { padding: 3rem 0; }
@media (min-width: 992px) {
	.section { padding: 6rem 0; }
}

/* about */
.about-image { margin: 1.5rem 0; }
.about-image img { width: 100%; height: auto; }

/* products */
.products { background-color: #eeffee; }
.products > div > p { margin-bottom: 3rem; }
.products .row p { text-align: center; margin: 1rem 0 0.5rem 0; }

/* contact */
.contact .row:last-child { margin-top: 3rem; }