/* Core Style */

body {
	padding-bottom:20px;
	color:#313131;
}


/* Paragraphs */
p {
	font-size:1.5em;
	line-height:1.5em;
}


/* Headings */

h1 {
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	font-size:2.3em;
	border-bottom: 2px solid #C53E97;
	margin-bottom:30px;
	padding-bottom:15px;
	line-height:1.3em;
	}

.initial-title
{
	border-bottom:0;
	text-align:center;
	background:#eee;
	border-radius:5px;
	padding:1em;
	line-height:1.5em;
	font-size:2.2em;
}
	
.initial-title .line
{
	display:block;
}

.initial-title .line1
{
	font-size:1.2em;
}

.initial-title .line3
{
	font-size:1.2em;
}
	
/* Content Styles */
/* be sure to remove the follow styles, since we'll use Wufoo */
#mc_embed_signup{
	margin-left:30px;
}
input{
    width: 100%;
height: 48px;
}
.mc-field-group
{
	margin-bottom:30px;
}
.mc-field-group.input-prepend label {
    font-size: 24px;
    font-weight: 500;
    display: -webkit-box;
}

#mc_embed_signup_scroll
{
	margin-top: 40px;
}

#logo {
	display:block;
	text-align:center;
}


.van {
	margin-top: 80px;
}

.intro-header {
	position:relative;
    padding-top: 20px;
    padding-bottom: 50px;  /* Let's consolidate the previous two lines to read:  padding:20px 0 50px 0; */
    background: url('../img/14-0916-JIMMedical-landingback.jpg')  no-repeat center;  /*  How about using a friendlier img name here */
    background-size: cover;
	
}

.intro-message {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

	.intro-message > h3 {
		text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	}


.chev-down
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #C53E97 transparent transparent transparent;
	margin:0 auto;
}

/*  Not a good idea to edit the Bootstrap styles here

.row {
margin-right: -15px;
margin-left: -15px;
}
*/

.about-website {
/*	width: 100%   not needed becaus you've defined the width already in the col-md-4 class   */
	padding: 30px;
	border-radius: 20px;
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0 0 0 6px rgba(255,255,255,0.4);
	box-shadow: 0 0 0 6px rgba(255,255,255,0.4);
}

	.about-website h1 {
		font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
		font-weight:bold;
		text-transform: uppercase;
		color:#C53E97;
		font-size:26px;
		line-height:1.3em;
		text-align:center;
		border-bottom:2px solid;
		margin-top: 0;
		margin-bottom:25px;
		padding-bottom:25px;
	}

	.about-website h2 {
		font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
		font-weight:bold;
		color:#444;
		font-size:21px;
		text-align:center;
		line-height:1.3em;
		margin-top: 0;
		margin-bottom:25px;
	}

.vanbtn,
.preventbtn,
.vpulse,
.send {
	text-align:center;
}

	.vanbtn a {
		max-width:100%;
	}



/* Bootstrap Styles */  /*  perhaps not the best place to tweak Bootstrap default styles */

#mc-embedded-subscribe {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #b7398c;
	background-image: -moz-linear-gradient(top, #ad3684, #c63e97);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ad3684), to(#c63e97));
	background-image: -webkit-linear-gradient(top, #ad3684, #c63e97);
	background-image: -o-linear-gradient(top, #ad3684, #c63e97);
	background-image: linear-gradient(to bottom, #ad3684, #c63e97);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad3684', endColorstr='#ffc63e97', GradientType=0);
	border-color: #c63e97 #c63e97 #8e2a6b;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	white-space: normal;
    padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
height:auto;
}
	#mc-embedded-subscribe:hover,
	#mc-embedded-subscribe:active,
	#mc-embedded-subscribe.active,
	#mc-embedded-subscribe.disabled,
	#mc-embedded-subscribe[disabled]
	{
		color: #fff;
		background-color: #c63e97;
	}

.blockquote{
	text-align: center;
	color:#777;
	border:1px solid #ccc;
	border-radius:5px;
	margin: 20px 0;
	padding:20px 60px;
	position:relative;
}

	.blockquote::before
	{
		content:"";
		width: 0; 
		height: 0; 
		border-top: 0.8em solid transparent;
		border-bottom: 0.8em solid transparent;
		
		border-left: 0.8em solid #C53E97;
		position:absolute;
		left:2em;
		top:1.5em;
	}

	.blockquote p {
		font-size:1.3em;
		line-height:1.5em;
		padding:0;
		margin:0;
	}

	.blockquote .extra-space {
		margin-bottom:40px;
	}

.diablood-clot{
		width:350px;
	}

.dream img,
.vpulse img,
.coa1 img {
	width: 100%;
	height: auto;
}

.coa1 img,
.dream img {
	padding-top:20px;
}

.pointers img {
	margin-top:15px;
	width:100%;
	height:auto;
}

.dreaminfo {
	position:relative;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAIAAADUsmlHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNpck8eu6gAMRG9CecCGBYje6/9/BUt2gOi9g0D0/g7MVYQuC8s4kxmP7RjD4fBwOMzn82g06nQ6L5fLeDyORCI/n5/y6/VqmqYwr9fLMIzRaETdvN/vq9UqnU5Pp1NyEIlEggh6NpsFg0Gi2+0GQ329XtvtdmI4HN5sNkapVPL7/f8+v3a7Dbc04SZHBKlutws7dLz5jTHh2+12j8ejXq/n83n0PR4PUTo2m428UChMJpPz+dzr9ZLJJHVhjE6n43K50InFYohYPr/1SdDkTeWw4IKcXkzQ8XiciA4RFp5RR82q9/t9crjwj3IgEOCpUS6XQUuHyTMhh8NBDprOSbA9GAzAIEiPmiIDYi+muEEQmcpisVAveHtzf7YiDD6JoVCIyPLeby2XS/lMpVKsCnSr1cpkMlYvVl/f/sHAbj6fT3ljHngjz2az4NQL81euicpzo9GA5a1cqVTIMIMlemYSmiebgPuPpnpB6XfP8iMEb/IMHbzgggr+idyTNNkCeDBieeO8Xm+z2USHU/nmPp1O2ucf/7pcMCYN8yZb4T+aepOI//1+DyM5aKuOPtOix2q1atRqNaqYpCqf2+2WXpgKOtAhxZ5BI8MJkoPXzb9vW3x8SewQVqsX+cQXLMxSnVOnghjROB6P0LAn3Q0I3RAJLNwZmrfbDR24uCL1Ql+5XM7U9RWLRbjRgdvn82nO6NMLFUjpi/3zPTJU8HxnYP4LMAAfG+wipJqt2gAAAABJRU5ErkJggg==') /*../img/dreambackgroundtop.png*/ left top repeat-x, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAIAAADUsmlHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiBJREFUeNpkk8eOwmAMhPOHLg6I3ju8/8twondEEQJEr/uFkaLVbg7WxLE94xKr0+lcr9d2u308HlutlvAfS8zhcAB/Ph/XXi4Xcz6fu91us9m0LAvvYDDI5/PGGJ/Pt1qtSqUSyXxaLpfpdBpwu93A5XKZYHu9XhcKBeJ4mUwm1WqVbx6PBz+ZcJKAn8zpdAre7/f4x+Mx2JxOJ3iUWSwWwVBRCywt5KCLnEgkMhqNMpkMgoPBIPF2r9d7v9/YRqNBPTDMZIJt29GFQvj9fj99plIpvpLJV/Sax+MhVaRBBQ9e6/vMZrN4PB4KhaRcfjqCHya02FRNJBK8oxCeer1O3PP5xDI5PBQVDx5ihsNhrVZjxoFAwLAD8bi1xUmmsPpEKphZJJNJMHMhxqaqNkk99YzNZrNY+tQU6fP1etERmfjZLha9ZrvdUhu1SP3D+bv/fr9PDLK9Xi/Kc7kcTlu1uQ04wXixLiZfmP1r/kTih8PZMyOhdd0NM6cFWiKHivAQQQ5XAWAvxLhaiHGYd7ud5ol++gSjHCxO/OSAF4sFfukiJhaLGVzap+YJ5ir+9z+fz9UnJwgnfjQ6zJVKhY3rQqPRKF0RoZ7FCaYilr+FvcAEJRqNTlw8bAtOosmnom7+N79ibt9ns9k413u/39m+5qzbYkJo4wfAciHkqAr75y/QzYMNL/RDbT5DRQTXDzmq3D7dntkLTIoJh8M/AgwAGVJS+EjyQDEAAAAASUVORK5CYII=') /*../img/dreambackgroundbottom.png*/ left bottom repeat-x, url('../img/dreamback2.png') repeat ;
	margin-top:50px;
	padding:70px 0;
}

.dreamcopy::before{
	content:"";
	position:absolute;
	top:-70px;
	left:35%;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 30px solid #CCC;
	height: 0;
	width: 0;
	border-top-color: #fff;  
}

.contactchevron::before{
	content:"";
	position:absolute;
	top:0;
	left:15%;
	background-image: url('../img/bottomchevron.png');
	height: 59px;
	width: 255px;
	margin-top:-60px;
	background-repeat:no-repeat;
}

.content-section-c {
	margin-top:3em;
}
	

	.content-section-c h5{
		font-size:1.25em;
	}


.ctatext h4{
		  font-size:2.25em;
		  line-height:2.25em;
		  font-weight:bold;
		  text-transform:uppercase;
		  /*padding: 0 0 0 .5em;*/
		  margin-left:2em;
	  }

#formdirective{
	text-align:center;
	margin-top:20%;
}


.reference {
	margin-top:60px;
	}


/*  Footer */

footer p {
	font-size:1.0em;
}



@media (max-width: 991px)
{
	.van
	{
		position:static;
	}
}


@media(max-width:767px)
{
	#logo img {
		margin:0 20px
	}

	.van {
		position: relative;
		bottom: -130px;
	}

	.vanbtn a {
		font-size: 12px;
		text-align: center;
	}

	.intro-header {
	    padding-top: 18px; 
	    padding-bottom: 0;
	}

    .intro-message {
        padding-bottom: 15%;
    }

	.blockquote p {
		font-size:12px;
	}

	.fear img {
		margin-left: 17%;
		display: inline;
	}

	.dreamcopy::before {
		display: none;
	}

	.contactchevron::before {
		display:none;
	}

	.dreaminfo::before {
		content:"";
		position:absolute;
		top:0;
		left:50%;
		margin-left:-50px;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 30px solid #CCC;
		height: 0;
		width: 0;
		border-top-color: #ffffff; /* let's shrink this down to #fff  */
	}

	.dreaminfo::after {
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:-100px;
		background-image: url('../img/bottomchevron.png');
		height: 53px;
		width: 226px;
		margin-bottom:-35px;
		background-repeat:no-repeat;
	}



	.contactchevron::before {
		margin-top: -493px;
	}

	.contactform {
		text-align: center;
	}


	.control-group{
		margin-left:0;
	}

	.ctatext h4{
		  margin-left:0;
	  }
}

@media(max-width:479px)
{
	body
	{
		font-size:10px;
	}
	.van
	{
		bottom: 0;
	}
}