@charset "utf-8";
/* CSS Document */

html, body {
	font-family: 'Fira Sans', sans-serif;
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.red {
	color: red;
}
.green {
	color: limegreen;
}
.rounded_corners {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.center {
	text-align: center;
}
/* Wrapper styling */
.outer-wrapper {
	width: 100%;
	margin: 0 auto;
	clear: both;
	box-sizing: border-box;
	padding: 20px 0;
}
.inner-wrapper {
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Header styling */
.header {
	height: 100px;
	position: absolute;
	top: 0;
	width: 100%;
}
#navbar {
	width: 620px;
	margin: 20px 0 0 0;
	float: right;
	box-sizing: border-box;
}
#logo {
	width: 300px;
	float: left;
	box-sizing: border-box;
}
#logo img {
	width: 300px;
	margin: 15px 0; }
.gallery {
	margin-top: 100px;
}
/* Additional Section Div Styling */
.with-padding {
	padding: 10px 5%;
}

.narrow {
	width: 900px;
}
.our_pledge {
	background-image: url('/images/RCS-Our-Pledge.jpg?id=2') !important;
	background-size: 1200px;
	background-position: center center;
	text-align: center;
	font-size: 18px;
	padding: 50px 0; 
}

/* Footer styling */
#footer img {
	width: 200px;
}

/* Form elements */
.input {
	border: 1px solid #dee1da;
	background: #FFF;
	padding: 8px 16px;
	margin: 5px 0;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Fira Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.buttonlink {
	color: #FFF;
	border: none;
	margin: 5px auto;
	background: #255d2f;
	padding: 10px 0px;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	width: 150px;
	float: right;
}
.buttonlink2 a {
	color: #FFF !important;
	border: none;
	background: #255d2f;
	padding: 10px 20px;
	text-align: center;
	font-weight: 500;
	width: 150px;
	text-decoration: none;
}
.button {
	background: #000;
	padding: 8px 30px;
	border: 0;
	color: #FFF;
	font-family: 'Fira Sans', sans-serif;
	font-size: 18px;
	cursor: pointer;
}

.input_label {
	display: none;
}
.input_field {
	width: 100%;
	padding: 3px 6px 3px 0;
	float: left; }

.fifty {
	width: 48%;
	float: left;
	margin-right: 3%;
	box-sizing: border-box;
}
.last {
	margin-right: 0;
}

.show, .show2, .show3 {
	display: none;
}

.copyright {
	font-size: 15px; 
	text-align: right;
}
.g-recaptcha {
	height: 70px;
	float: left;
}

@media only screen and (max-width: 1440px) {
	.inner-wrapper {
		width: 100%;
	}
	.narrow {
		width: 900px;
	}
}

@media only screen and (max-width: 1140px) {

	.bx-wrapper .bx-caption {
		top: 40px; }
	.bx-wrapper .bx-caption br {
		display: none;
	}
	#logo, #logo img {
		width: 250px; }
}
@media only screen and (max-width: 1020px) {
	#navbar {
		margin-top: 25px;
		width: 520px;
	}
}

@media only screen and (max-width: 990px) {
	.narrow {
		width: 94%; 	}
	.bx-wrapper .bx-caption h1, .bx-wrapper .bx-caption h2 {
		font-size: 40px;
	}
	.bx-wrapper .bx-caption span {
		font-size: 24px;}
	#logo, #logo img {
		width: 250px; }
}

@media only screen and (max-width: 880px) {
	.our_pledge {
		padding: 30px 0;  }
	.outer-wrapper {
		padding: 10px 0; }
	#navbar {
		width: 150px;}
}

	
@media only screen and (max-width: 765px) {
	.fifty {
		width: 100%; 	}
	.narrow {
		width: 450px; 	}
	.copyright {
		text-align: center; 	}
	.buttonlink {
		display: none;}
	.g-recaptcha {
		float: left;
	}
}
	
@media only screen and (max-width: 700px) {
	.bx-wrapper .bx-caption {
		top: 20px; }
	.bx-wrapper .bx-caption h1, .bx-wrapper .bx-caption h2 {
		font-size: 34px;
		margin: 20px 0;
	}
	.bx-wrapper .bx-caption span {
		font-size: 20px; }
}	
	
@media only screen and (max-width: 600px) {
	.show2, .show3 {
		display: inline;	}

}

@media only screen and (max-width: 560px) {
	.narrow {
		width: 80%; 	}
	.bx-wrapper .bx-caption {
		width: 90%; 
		position: absolute;
		top: auto;
		bottom: 5px;}
	.bx-wrapper .bx-caption span {
		text-align: center; }
}
@media only screen and (max-width: 460px) {
	.bx-wrapper .bx-caption h1, .bx-wrapper .bx-caption h2 {
		font-size: 30px;
	}
	.bx-wrapper .bx-caption span {
		font-size: 18px; }
	.header {
		height: 150px; 	}
	#logo {
		width: 94%;
		margin: 0 auto; 
		float: none;}
	
	#navbar {
		width: 96%;
		margin: 0 auto ;
		float: none; }
	.gallery {
		margin-top: 150px;
	}
}
@media only screen and (max-width: 400px) {
	.bx-wrapper .bx-caption h1, .bx-wrapper .bx-caption h2, .bx-wrapper .bx-caption p {
		margin: 5px 0;
	}
	.bx-wrapper .bx-caption h1, .bx-wrapper .bx-caption h2 {
		line-height: 30px;
	}
	.bx-wrapper .bx-caption {
		bottom: 1px;}
}