body{background:#dae9f2;}
.banner{position:relative; text-align: center;}
.pledge-btn{background:#050a44; padding:10px 20px; font-size:1.143em; border-radius:42px; margin:0 auto; text-align:center; display: inline-block; margin-top: 10px;}
/* .pledge-btn:after{position:absolute; top:2px; left:-27px; content:""; background:url(../images/leaf-pic.png) 0 0  no-repeat; width:97px; height:54px; display:none; background-size:63%;} */
.pledge-btn:hover{color:#fff; background:#770249;}
.home .take-pledge{background:none}
.content{padding:0px 0 50px;}
.home .content{padding-top:0px;}
.header .container{background:url(../images/cloud-bg.png) right bottom no-repeat; padding-bottom:10px;}
.title-text, .on-device a{color:#770249;}
.circle{border-color:#770249;}
.title-text{font-weight:600;}
.footer{background:#eeeae1; border:none;}
.take-pledge{padding-bottom:30px; margin-bottom:0px;}
.pledged-user{margin:0px; padding:0 15px;}
.take-pledge{background-color:#143770;}
.pledge-auth{margin-top:50px;}
.content-header{ display:inline-block; width:100%; }
#landing-section{padding-bottom:10px;}

#pledge-content .pledge-text{max-width:530px; margin:0 auto; font-size: 1em;}
#analytics .content-header{padding-top:40px;}
.inline-radio{display:flex;}
.inline-radio label{display:flex;align-items: center; padding-right:10px;}
.inline-radio input{margin:0 5px 0  0;}
#step-3 h3{text-align: center;}

 @media all and (max-width:960px){
 .pledge-btn{padding:7px 30px; font-size:14px; bottom:7px;}
 .pledge-btn:after{background-size:55%; left:-22px;}	 
 	 
}

@media all and (max-width:767px){
	.footer{display:none;}
	.pledge-btn{font-size:1em; display:block; padding:6px 16px; margin:20px auto 0; bottom:-10px; }
	.header{background:#2e4b90; padding:7px 15px;}
	.header-content .logo,.desktop-logo{display:none}
	.mobile-logo{display:block; margin:auto; width:120px;}
	.emblem{text-align:center; width:auto;}
	.header .container{background:none; padding-bottom:0px;}
	.content{padding-bottom:10px}
	.user-action > div{padding-right:6px;}
	#analytics .content-header {padding-top: 25px;	}
	
}



@media all and (max-width:500px){
.pledge-btn::after{display:none;}
}



@media all and (max-width:400px){
 .user-box input[type="text"], .user-box input[type="password"]{width:100%;}	
 .small-col {width: 38%;}
 .large-col{width:62%;}
}