.container {
	max-width: 1000px;
}

.logo-bar {
    border-bottom: 1px solid #ddd;
    border-top: 5px solid #ca2129;
    box-sizing: border-box;
}

.logo {
	padding-top: 25px;
	margin-bottom: 25px;
}

.donate {
    background: #2b9a2b repeat scroll 0 0;
	border: none;
    color: #fff !important;
    float: right;
	font: 700 18px 'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:1px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
	width: 160px;
}

.donate:hover {
	background: #248224;
	color: #fff !important;
	opacity: 1;
}

#action-row, #contribute {
    margin: 20px auto 0 auto;
}

#action-row {
    background: url("/assets/capitol-bg.jpg") no-repeat scroll center 0 #346e99;
    height: 400px;
}

.join-us {
	margin: 40px 0 0;
	font: 600 22px/36px 'Open Sans', sans-serif;
	color: #346e99;
	float: right;
}

input {
	margin-top: 8px;
	padding: 7px;
}

.dif-forms {
	font: 300 14px/20px 'Open Sans', sans-serif;
	border: none;
}

.dif-forms.email-address {
	width: 215px;
}

.dif-forms.zip-code {
	width: 100px;
}

.dif-forms.submit {

	background-color: #2e98cc;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
	width: 60px;
    transition: all 0.5s ease 0s;
}

.dif-forms.submit:hover {
	background-color: #167bad;
	cursor:pointer;
}

.nav-row {
	background-color:#ca2129;
}

#nav-tabs {
	width: 350px;
}

#nav-tabs ul {
	margin: 0;
}

.tabs {
	font: 700 24px/50px 'Open Sans', sans-serif;
}

.tabs a {
	color: #fff;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration: none;
}

.li-tab {
    position: relative;
    float: left;
    list-style: none outside none;
	padding: 0 15px;
	margin-left: -45px;
}

.li-tab:hover, .li-tab.current {
	background: none repeat scroll 0 0 #346e99;
}

#social-inline {
	float: right;
	text-align:right;
	margin: 0 auto 0 auto;
}

#leader {
	padding: 40px 20px;
	font: 300 55px/80px 'Open Sans', sans-serif;
	font-weight: light;
	color: #346e99;
}

#call-to-action {;
	color: #fff;
	background-color:#346e99;
}

.call-to-action .contribute {
	margin: 5px 0;
}

#social-list {
	width: 46px;
	float: left;
}

ul.social {
display: block;
float: right;
margin-top: 5px;
padding: 22px;
width: 46px;
}

   ul.social li { 
        display:inline; 
        }
    ul.social li a{ 
        display:block; 
        width:55px;
        text-indent:-9999px;
        }
    ul.social li.icon-twitter a{ 
        height:46px ; 
        background: url('/assets/twitter-bird.png') bottom left no-repeat; 
        }
    ul.socialv li.icon-twitter a:hover{ 
        height:46px ; 
        background: url('/assets/twitter-bird.png') top left no-repeat; 
        } 

.call-to-action {
	float: right;
	width: 160px;
	padding: 25px 0;
}

#cta-email {
	font: 300 24px/36px 'Open Sans', sans-serif;
	float: left;
}

.cta-forms {
	margin: 25px 0 0 0;
	color: #999;
	font-size: .8em;
	border: none;
}

.cta-forms.email-address {
	width: 250px;
}

.cta-forms.zip-code {
	width: 100px;
}

.cta-forms.submit {
	background-color: #2e98cc;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
    transition: all 0.5s ease 0s;
}

.cta-forms.submit:hover {
	background-color: #167bad;
	cursor:pointer;
}

#about-us {
	font: 300 27px/40px 'Open Sans', sans-serif;
	font-weight: light;
	max-width: 1000px;
	padding: 25px;
}

#footer {
	background-color: #e2e3de;
}

.attribution {
	margin: 0 auto 0 auto;
	padding: 10px;

	color: #333;
	text-align: center;
	font: 300 14px/24px 'Open Sans', sans-serif;
	font-weight: light;
	background-color: #e2e3de;
}


#attribution {
    border: 1px solid #999;
    display: inline-block;
    margin: 10px;
    padding: 1em 1em 0 1em;
}

.thank-you {
	float: right;
	color: #346e99;
	font: 300 24px/36px 'Open Sans', sans-serif;
	padding-top: 25px;
	white-space: nowrap;
}


@media screen and (max-width : 767px) {
	
	.logo {
		margin-bottom: -10px;
		margin: 0 auto;
	}
			
	#leader {
		font: 300 25px/40px 'Open Sans', sans-serif;
	}
	
	#about-us {
		font: 300 18px/24px 'Open Sans', sans-serif;
	}
	
		
	.lower {

		float: left;
	}
	
	.call-to-action {
		float: left;
	}
	
	.call-to-action.align {
		float:inherit;
		margin: 0 auto;
	}
	
	.align .btn {
		margin-bottom: 25px;
	}
	
	.thank-you {
		float: left;
	}
}

@media screen and (max-width : 455px) {
	#social-inline {
		float:left;
	}
	
	.thank-you {
	font: 300 16px/24px 'Open Sans', sans-serif;

}
}

input#phoneNumber { display: none; }

.right {
	float: right;
}