/* Remove Top Margin in blocks*/

.wp-site-blocks > * + *
{
margin-top:0px;
}

/*FROM THE BLOG OVERLAY*/

.from-the-blog{
	position:relative;
}

.from-the-blog:before {
    content: "FROM THE BLOG";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 40%;
    left: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: -1;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff
;
}

/*ABOUT ME OVERLAY*/

.about-me{
	position:relative;
}

.about-me:before {
    content: "ABOUT ME";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 20%;
    left: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: -1;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #34333a;
}

/*CONTACT ME OVERLAY*/

.contact-me{
	position:relative;
}

.contact-me:before {
    content: "CONTACT ME";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 20%;
    left: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: -1;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #019db1

;
}

/*ABOUT ME PAGE OVERLAY*/

.about-me-page{
	position:relative;
}

.about-me-page:before {
    content: "ABOUT ME";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 50%;
    left: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: -1;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #34333a;
}

/*ROAD TO RECOVERY OVERLAY*/

.road-recoverry{
	position:relative;
}

.road-recovery:before {
    content: "ROAD TO RECOVERY";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 50%;
    left: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: -1;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFFFFF;
}

/*INTEREST YOU OVERLAY*/

.interest-you {
	position:relative;
}

.interest-you:before {
    content: "IT MAY INTEREST YOU";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 25%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: 0;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff
;
}


/*BLOG OVERLAY*/

.blog-id {
	position:relative;
	z-index: 2;
	}

.blog-id:before {
    content: "BLOG";
    position: absolute;
    color: transparent;
    opacity: .2;
    font-size: 2rem;
    top: 25%;
    left: 48%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 650;
    z-index: 0;
    width: 90%;
        width: 90%;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff
;
}