body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#333; line-height:1.4; }

h2 {
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.75em;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
    color: #c41424;
}
header img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
header {
	width: 100%;
	margin-bottom: 30px;
}

section img {
	width: auto;
	height: 200px;
}

.proceed {
    margin: auto;
    padding-top: 30px;
}


.thank_you {
    border-bottom: dashed 1px #111;
    margin-bottom: 20px;
}

.form-control {
	box-shadow:none!important;
	-webkit-box-shadow: none!important;
	-webkit-transition:none!important;
}
.void {
    display: none;
}

.rad_button {
    max-height: 20px;
}

.maintenance {
        width: 100%;
        height: 100%;
		background-color: white;
        position:fixed; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:hidden;
		z-index: 9999;
		line-height: 100%;
    }

.btn {
    background-color: #0E4075;
    border-color: #0E4075;
    float: right!important;
}
.btn:hover {
    background-color: #C00A2A;
    border-color: #C00A2A; 
}

:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0E4075 inset;
    -webkit-text-fill-color: #000 !important;
}
	
/* Footer */
ul {
	list-style-type: none;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
	padding:0px;
	margin: 0px;
}
footer#footer {height:250px; background-color:#fff; color:#fff; background-image: url('../img/bg_footer.jpg'); background-position:center top; position:relative; background-repeat:no-repeat; margin-top:30px; border-top:2px solid #c41424;}
#footer-content h1, #footer-content h2, #footer-content h3, #footer-content h4 {color:#fff;}
#footer-content .col-sm-6 {font-size:0.875em;}
#footer-content {height:210px; margin-top:30px;}
#footer-content a {color:#fff; text-decoration:underline;}
#footer-content a:hover {color:#c41424; text-decoration:underline;}
.giving_banner {position: relative; top:50px;}
footer h4 { margin-bottom:25px;}
#signoff {height:60px; line-height:60px; color:#c41424; font-size:smaller; text-align:center;} 
	/* Social Media Icons */
	#socialmedia {position:relative; bottom:-70px;}
	#socialmedia li {float:left; margin-right:10px;}
	#socialmedia .smedia-icon {height:32px; width:32px;}
	#twitter {background-image: url('../img/icon_twitter_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#twitter:hover {background-image: url('../img/icon_twitter_on.png'); transition: 0.5s;}
	#youtube {background-image: url('../img/icon_youtube_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#youtube:hover {background-image: url('../img/icon_youtube_on.png'); transition: 0.5s;}
	#flickr {background-image: url('../img/icon_flickr_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#flickr:hover {background-image: url('../img/icon_flickr_on.png'); transition: 0.5s;}
	#linkedin {background-image: url('../img/icon_linkedin_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#linkedin:hover {background-image: url('../img/icon_linkedin_on.png'); transition: 0.5s;}
	#tumblr {background-image: url('../img/icon_tumblr_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#tumblr:hover {background-image: url('../img/icon_tumblr_on.png'); transition: 0.5s;}
	#facebook {background-image: url('../img/icon_facebook_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#facebook:hover {background-image: url('../img/icon_facebook_on.png'); transition: 0.5s;}
	#instagram {background-image: url('../img/icon_instagram_off.png'); background-repeat:no-repeat; transition: 0.5s; text-indent:-9999px;}
	#instagram:hover {background-image: url('../img/icon_instagram_on.png'); transition: 0.5s;}
	
@media  (min-width: 768px) and (max-width: 999px) {	
	/* Footer */
	#footer-content .col-sm-6 {font-size:0.9em;}
	#socialmedia {bottom:-10px; width:252px; margin:0 auto;}	
}
@media (max-width: 767px) { 

	#socialmedia {bottom:0px; width:252px; margin:0 auto;}
	#socialmedia li:last-child {margin-right:0px;}
	#signoff {font-size:11px;clear:both;} 
	
	footer#footer {height:210px; background-color:#fff; color:#fff; background-image: url('../img/bg_footer.jpg'); background-position:center -90px; position:relative; background-repeat:no-repeat;}
	#footer-content {height:120px; margin-top:40px;}
	.giving_banner {top:-10px;}
}