html {
    height: 100%;
}


body {
  background: #9BCFC9;
 /* background-image: url("../img/rpbg4.png");*/
}

.material-icons {
  font: normal normal normal 28px/1 'Material Icons';
  display: inline-block;
  transform: translateY(10%);
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}








.rp-title {
	margin-top:5%;
}



.rp-title-block {
    margin-top:15%;
    background: rgba(24, 24, 24, .4);
    border-radius: 10px;
}

.rp-title-block-yarn {
    margin-top:15%;
    background: rgba(20, 196, 234, .4);
    border-radius: 10px;
}

.rp-title-block-flower {
    margin-top:15%;
    background: rgba(234, 20, 114, .4);
    border-radius: 10px;
}

.rp-title-block-art {
    margin-top:15%;
    background: rgba(32, 97, 88, .4);
    border-radius: 10px;
}


h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
  font-weight:700;
}




.quote {
	color: #fff;
}

.quoted {
	font-family: 'Roboto', sans-serif;
	/*color: #fff;*/
    font-weight: 400;
}



.w3-btn {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
   }
  

.callout {
	color:#fff;
	background:rgba(255,255,255,0.25);
	border: solid 0px #fff;
}

.more-callout {
  color:#fff;
  background:rgba(255,255,255,0.5);
  border: solid 0px #fff;
}


p {
/*	color: rgba(255,255,255,1.0);*/
	font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/*hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
}*/