body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
  color: #222; }

a {
  color: #70bf4a;
  text-decoration:none; }
a:hover {
  color: #91ec66; }

.rfWait {
	margin-top:30px;
}

.rfImg {
	width:100%;
	max-width:400px;
	height:auto;
	display:block;
}

.greenFall {
	color:#70bf4a;
}

.redFall {
	color:#f92e2e;
}

.rfH {
  margin-top: 30px;
}

@media (min-width: 550px) {
  .rfH {
    margin-top: 60px;
  }
}

h1 { font-size: 3.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 0.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 0.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 4.0rem; }
  h2 { font-size: 3.2rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.4rem; }
  h6 { font-size: 0.5rem; }
}

.rfMap {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.rfMap iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.rfCenter {
	text-align:center;
}

p.rfSocial {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}

.rfBrewed {
  margin-top: 20px;
}

.rfMobile {
  display:block;
}

.rfDesktop {
  display: none;
}

@media (min-width: 550px) {
  .rfMobile {
    display:none;
  }

  .rfDesktop {
    display: block;
  }
}