body {
font-family:'Asap';
font-size:18px;
font-weight:500;
line-height:1.5;
}
a {
	color:#64b7da
}
b, strong {
	font-weight:700;
}
i, em {
	font-style:italic;
}
h2 {
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
	font-weight:700;
}
h3 {
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
	font-weight:700;
}
h2 span {
	font-weight:500;
	font-style:italic;
}
.container {
    width: 990px;
    margin: 0 auto;
    text-align: center;
}
.container-inner {
    text-align: left;
	padding:40px 0;
}
#header {
    background: url(https://tappingsolution.s3.amazonaws.com/images-newsite/stress-header-image.jpg) no-repeat 50% 50%;
    background-size: cover;
	padding-bottom:40px
}

#blue-box {
	box-sizing:border-box;
	padding:40px;
	border-radius:10px;
	box-shadow:0px 0px 60px #fff;
    background-color: rgba(26,74,121, 0.8);
	color:white;
	text-align:center;
	width:800px;
	max-width:100%;
	margin:0 auto
}
#blue-box .logo {
	width:400px;
	max-width:100%;
	margin-bottom:20px;
}
#blue-box h1 {
	font-size:40px;
	font-style:italic;
	font-weight:700;
	line-height:1.2;
}
.light-gray-bg {
	background:#f6f6f6
}
.light-blue-bg {
    background: #64b7da;
    color: white;
}
.light-blue-bg h2 {
    font-size: 36px;
    font-style: italic;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}

.light-blue-bg h3 {
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
}

/* FOR RESPONSIVE YOUTUBE VIDEO */
.video-container {
	position:relative;
	padding-bottom:52%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0%;
	width:100%;
	height:100%;
}

.green-button-dl {
	background-color:#a4cc55;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-left:50px;
	background-image: linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -o-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(130,162,68)), color-stop(1, rgb(151,188,79)) );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
}

.green-button-dl:active {
	top:3px;
	/*
	background-image: linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -o-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(151,188,79)),
	color-stop(1, rgb(130,162,68))
	);
	*/
	-webkit-box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;

}

.green-button-dl::before {

	background-image:url(http://www.thetappingsolution.com/anxiety/images/audio-icon-20x20.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color:#2591b4;

	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
     */
}

.green-button-dl:active::before {
	top:55%;
	margin-top:-12px;
	/*
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	*/
}

.blue-button-dl, .green-button-dl {
	display:inline-block
}
.blue-button-dl {
    margin-top:10px;
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-left:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.blue-button-dl:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.blue-button-dl::before {

	background-image:url(http://www.thetappingsolution.com/anxiety/images/pdf-icon-20x20.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color:#2591b4;

	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
     */
}

.blue-button-dl:active::before {
	top:55%;
	margin-top:-12px;
	/*
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	*/
}

.pocket-right {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	text-align:left;
	font-size:22px;
}
.pocket-right a {
	margin-top:20px
}

.white-box {
	box-shadow:1px 1px 5px #666;
	box-sizing:border-box;
	padding:20px;
	background:#fff;
	width:800px;
	max-width:100%;
	margin:0 auto;
	font-weight:700;
	text-align:center;
}

.white-box-left {
	float:left;
	width:40%;
	box-sizing:border-box;
	padding:10px;
}

.white-box-right {
	float:left;
	width:60%;
	box-sizing:border-box;
	padding:10px;
	text-align:center;
}

.clear {
	clear:both;
	height:0;
	content:'';
}
    
.green-button {
    text-decoration: none;
    display: inline-block;
    line-height: 1.4;
    padding: 10px 20px;
    font-weight: 600;
    white-space: normal;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
	background: #7bb600;
    font-style: italic;
	color:white;
}

.blue-button {
    text-decoration: none;
    display: inline-block;
    line-height: 1.4;
    padding: 10px 20px;
    font-weight: 600;
    white-space: normal;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
	background: #38b0dd;
    font-style: italic;
	color:white;
}

#footer {
	background:#333;
	color:white;
	padding:20px 0;
	text-align:center;
}


.cel-outer {
padding:30px 0;
border-bottom:1px solid #ddd
}
.cel-img {
width:20%;
float:left;
}
.cel-img img {
width:100%;
border-radius:50%;
}
.cel-dl-info {
width:50%;
float:left;
box-sizing:border-box;
padding:0 20px;
}
.cel-dl-info h4 {
font-family:'Mr Dafoe';
font-size:30px;
font-weight:500;
}
.cel-dl-info a {
display:block;
margin:10px 0;
font-size:20px;
font-weight:700
}
.cel-dl-info h5 {
font-weight:700;
}
.cel-dl-info h6 {
color: #089ec4;
font-size:20px;
font-weight:700;
}

.cel-dl {
width:30%;
float:left;
}
.cel-dl audio {
	width:100%
}
.cel-dl .blue-button, .cel-dl .green-button{
width:100%;
box-sizing:border-box;
margin-top:10px;
}
@media only screen and (max-width:800px) {
	.cel-img, .cel-dl-info, .cel-dl {
	width:100%;
	float:none;
	}
	.cel-img img {
	width:auto;
	display:block;
	margin:0 auto 10px;
	}
	.cel-dl-info {
	text-align:center
	}


}



@media only screen and (max-width:1010px) {
	.container {
		width:100%
	}
	.container-inner {
		padding:20px 10px
	}
	
}

@media only screen and (max-width:900px) {
	.light-blue-bg h2, .light-blue-bg h3 {
		font-size:20px;
	}
	
}

@media only screen and (max-width:800px) {
	.pocket-right {
		display:block;
		margin:20px 0 0 0;
		text-align:center
	}
}

@media only screen and (max-width:600px) {
	h2 {
		font-size:24px
	}
	#blue-box h1 {
		font-size:32px
	}
	.white-box-left, .white-box-right {
		float:none;
		width:100%;
	}
}