@media(max-width:1470px){
	.brown-sec .para1 {padding-left:30px; max-width: 750px;}
	.brown-sec .para2 {padding-right:30px; max-width: 750px;}
	.ribbon img { width: 590px;}
	.pic-content { padding: 40px 70px 0px 70px;}
	.pic-content p { padding-bottom: 40px; padding-top:0px;}
	.billing-info { padding: 0px 15px;}
	.brown-sec .large-12.columns.ribbon {margin-bottom: 70px;}
	
}

@media(max-width:1299px){
.logo-title { padding-right: 30px;}
header {background-size: 70%; padding-top: 40px;}
.brown-sec .para1 { max-width: 670px; padding-bottom: 70px;}
.ribbon img { width: 500px;}
.brown-sec .para2 { max-width: 680px;}
.pic-content p { padding-bottom: 25px; font-size: 32px; line-height: 40px;}
.opportunities-sec h2 {font-size:45px; line-height:50px;}
.special-sec h2 { font-size: 45px; line-height: 50px; padding-bottom: 50px; }	
.billing-info h2 { font-size: 45px; line-height: 50px; }
.billing-info.payment h2 {padding-top:50px;}
.billing-info.message h2 {padding-top:50px;}
.donate-form select {font-size: 38px; padding: 0px 10px;}	
	.donate-form input[type="text"],.donate-form input[type="email"],.donate-form input[type="tel"] {font-size:38px;}
	.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label {font-size: 50px;}
	
	
header {
	background-size: 70% !important;
	padding-top: 40px !important;
}
	
	
	
}


@media(max-width:1199px){

	.logo-title h1 {font-size:75px; line-height:82px; padding-bottom: 35px;}	
	header { background-size: 67%; }
	.brown-sec .para1 { max-width: 520px; }
	.brown-sec .para2 { max-width: 520px;}
	.pic-content { padding: 40px 30px 0px 30px;}
	.pic-content p { padding-bottom: 25px; font-size: 28px; line-height: 33px;}
	.opportunities-form { margin-top: 20px;}
	.opportunities-sec { padding: 65px 0px;}
	.opportunities-sec h2 { font-size: 42px; line-height: 50px; text-align: center;}
	.donations-box {margin-top:30px;}
	span.small-text3 { display: block; padding-left: 44px;}
	span.total .button {font-size:48px; padding: 7px 38px 14px; margin-bottom: 0px;}
	span.total {font-size:38px; }
	.opportunities-form table { margin: 0px;}
	.opportunities-form .form-group label {font-size:25px;}
	span.small-text2 { padding-left: 44px;}
	table.sub-checkbox label::before { margin-right: 21px !important;}
	.special-sec { padding: 60px 0px 70px;}
	.special-sec .form-group label {font-size:26px;}
	span.total .button { font-size: 42px; padding: 7px 35px 14px; margin-bottom: 0px;}
	span.total { font-size: 33px;}
	.special-sec span.total { padding-top: 30px;}
	.special-sec table tr td { font-size: 27px;}
	.donate-form { padding: 55px 0px;}
	.row.card div.columns:nth-child(1) { width: 18.66667%;}
	.row.card div.columns:nth-child(2) { width: 48%;}
	.billing-info.message h2 { padding-top: 30px; padding-bottom: 10px;}
	.billing-info.payment h2 { padding-top: 30px; }
	.message h2 span {font-size:30px;}
	.message p { padding-bottom: 20px;}
	.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label { font-size: 42px; margin-bottom: 20px;}
	.donate-form input[type="submit"] {font-size: 34px; padding: 17px 42px;	margin-top: 15px;}
	
.donations-left {width: 31%; padding: 0px 0px 0px 0;}	
.donations-right {width: 69%;}

.special-sec .form-group input:checked + label:after {top: 11px;}

.brown-sec p {font-size: 28px;}

}

@media(max-width:1023px){
.logo-title h1 { font-size: 65px; line-height: 75px; padding-bottom: 25px;}
.brown-sec .para1 { max-width: 480px; font-size: 28px; line-height: 33px; }	
.brown-sec .para2 { max-width: 500px; font-size: 28px; line-height: 33px; }
.pic-content p { padding-bottom: 20px;}
.opportunities-sec h2 { font-size: 35px; line-height: 42px;}
.donate-form input[type="text"],.donate-form input[type="email"],.donate-form input[type="tel"] { height: 60px; margin-bottom: 15px; font-size:28px;}
.donate-form select { font-size: 28px; height:60px; margin-bottom: 15px;}
.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label { font-size: 36px; margin-bottom: 10px; padding-top: 24px;}	
.ribbon { padding: 100px 0px; }

.special-sec h2 { font-size: 40px; line-height: 45px; padding-bottom: 30px;}	
.billing-info h2 { font-size: 40px; line-height: 45px;}
	
.donate-form input[type="radio"]:checked + label::before, .donate-form input[type="radio"]:not(:checked) + label::before {width: 24px; height: 24px;}
.donate-form input[type="radio"]:checked + label::after, .donate-form input[type="radio"]:not(:checked) + label::after {width: 16px; height: 16px; 	top: 4px; }

.donate-form input[type="email"] {
	height: 60px;
	font-size: 28px;
}
.brown-sec .large-12.columns.ribbon {
	margin-bottom: 0;
}	
}

@media(min-width:992px){
	
	
	

    
}

@media(max-width:991px){
body {-webkit-text-size-adjust: none;}	
.pic-mobile {display:block;}
.brown-sec::before, .brown-sec::after {display:none;}
.brown-sec .large-12.columns { padding: 0px; display: flex; flex-direction: column-reverse;}
.brown-sec .para1 { max-width: none; font-size: 29px; line-height: 33px; padding: 50px 30px; text-align: center;}
.brown-sec .para2 { max-width: none; font-size: 29px; line-height: 33px; padding: 30px 30px 40px 30px; text-align: center;}

	.pic-sec img {display:none;}
	.pic-sec span {display:block;}
	.pic-sec span img {display:block;}
	.pic-sec { width: 100%;}
	.pic-content { width: 100%; padding: 40px 30px 20px 30px;}
	.logo-title h1 { text-align: center;}
	.logo {margin-right: 0px; text-align: center;}
	header {text-align:center; background-position: 50% 100%; background-size: 95%; padding-top: 20px; padding-bottom: 300px;}
	.logo { width: 250px; margin: 0 auto 30px;}
	.donate-btn {margin-bottom:85px; padding: 8px 20px 8px 90px;}
	.donate-btn::before {left:0px;}
	.ribbon img { width: 500px; margin: 0 auto;}
	.ribbon { padding: 30px 0px 30px !important;}
	.brown-sec .large-12.columns:nth-child(3) { display: flex; flex-direction: column;}
	.logo-title { padding-right: 0px;}
	
header {
	text-align: center !important;
	background-position: 50% 100% !important;
	background-size: 95% !important;
	padding-top: 20px !important;
	padding-bottom: 300px !important;
}

}


@media(max-width:870px){
	.opportunities-sec .medium-6 {width:100%;}
	span.total { display: block; text-align: center; padding-bottom: 50px; padding-top: 0px;}
	.opportunities-sec h3 {font-size:40px; line-height:40px;}
	.donations-box h3 {font-size:27px; line-height:35px;}
	.view-btn {margin-top:20px;}
	.special-sec { padding: 40px 0px 20px;}
	.special-sec span.total { padding-top: 10px; padding-bottom: 30px;}
	.donate-form { padding: 40px 0px;}
	.special-sec form .medium-6 {width:100%;}
	.special-sec table { margin: 0px;}
	.opportunities-sec h2 { padding-bottom: 0px;}
	.opportunities-sec { padding: 45px 0px;}
	span.total .button {line-height:42px;}
	.row.card div.columns:nth-child(1) { width: 20.66667%;}
	.row.card div.columns:nth-child(2) { width: 46%;}
	.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label { font-size: 30px; margin-bottom: 0px;
	padding-top: 15px; }
	.message h2 span {font-size: 25px;}
	.message p { font-size: 35px; line-height: 50px;}
	footer { padding: 30px 0px; font-size: 38px; line-height: 44px; }
	
.donations-left {width: 28%;}
.donations-right {width:72%;}	
}

@media(max-width:767px){
	.logo-title h1 { font-size: 50px; line-height: 60px; padding-bottom: 15px;}
	.row.card div.columns:nth-child(1) { width: 24.667%;}
	.row.card div.columns:nth-child(2) { width: 42%;}
.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label {
	font-size: 30px; margin-bottom: 10px; padding-top: 35px; line-height: 40px; }
	.donate-form input[type="submit"] { font-size: 26px;}
	footer { font-size: 35px;}
	.donate-form input[type="text"] ,.donate-form input[type="tel"] , .donate-form input[type="email"] {font-size:22px; padding:0px 15px;}
	.billing-info.payment h2 { padding-top: 20px; padding-bottom: 20px;}
	.message h2 span { font-size: 25px; line-height: 30px;}
.special-sec .form-group input:checked + label:after {top: 9px;}
}

@media(max-width:640px){
	
	.logo-title h1 { font-size: 40px; line-height: 50px; padding-bottom: 10px;}
	.logo { width: 200px; margin: 0 auto 20px;}
	.donate-btn { margin-bottom: 0px; padding: 14px 20px 14px 90px; font-size: 26px;}
	header { background-size: 460px; padding-top: 20px; padding-bottom: 240px;}
	.ribbon img { width: 400px; margin: 0 auto;}
	.opportunities-sec h2 { font-size: 30px; line-height: 36px;}
	.special-sec h2 { font-size: 30px; line-height: 36px; padding-bottom: 10px;}
	.special-sec .form-group label { font-size: 23px;}
	.special-sec table tr td { font-size: 23px;}
	.special-sec span.total { padding-top: 20px; padding-bottom: 30px; font-size: 28px;}
	span.total .button { line-height: 42px;	font-size: 35px;}
	.opportunities-form .form-group label { font-size: 23px;}
	.opportunities-form table tr td { font-size: 23px; }
	.opportunities-form .form-group input:checked + label::after {top:8px;}
	span.total { font-size: 28px;}
	.billing-info h2 { font-size: 35px; line-height: 42px; padding-bottom: 20px;}
	.billing-info .row.donate-radio .columns { width:50%;}
	.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label {font-size: 28px;}
	.row.card div.columns:nth-child(1) { width: 34.667%;}
	.row.card div.columns:nth-child(2) { width: 65%;}
	.billing-info.message .row.donate-radio .columns { width: 33.33%;}
	.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label { font-size: 25px; line-height: 30px;}
	.donate-form input[type="text"] ,.donate-form input[type="tel"] , .donate-form input[type="email"] { height: 50px; margin-bottom: 10px; }
	.donate-form select { height: 50px; margin-bottom: 10px; }
.donate-form input[type="email"] {
	height: 50px;
	font-size: 22px;
}

#view-donations.opportunities-sec .donations-right p {
	word-break: break-word;
}

}

@media(max-width:639px){
.donations-left {
	width: 33%;
}
.donations-right {
	width: 67%;
}
}

@media(max-width:479px){

.logo-title h1 { font-size: 28px; line-height: 38px; }	
	.logo { width: 160px; margin: 0 auto 20px;}
	.donate-btn::before { width: 60px; padding: 24px 10px 30px; background-size: 20px;}
	.donate-btn { margin-bottom: 0px; padding: 10px 20px 4px 80px; font-size: 26px;}
	header {
	background-size: 310px !important;
	padding-top: 20px !important;
	padding-bottom: 160px !important;
}
	.brown-sec .para1 { font-size: 25px; line-height: 30px; padding: 25px 20px; }
	.brown-sec .para2 { font-size: 25px; line-height: 30px; padding: 25px 20px; }
	.ribbon img { width: 90%; }
	.pic-content { padding: 20px 20px 20px 20px;}
	.pic-content p { font-size: 25px; line-height: 30px;}
	.opportunities-sec h2 { font-size: 25px; line-height: 30px;}
	.opportunities-sec { padding: 30px 0px;}
	.opportunities-form .form-group label::before {padding:10px; margin-right: 10px;}
	.opportunities-form .form-group label { font-size: 17px; padding-bottom: 7px;}
	span.small-text1 { font-size: 17px;}
	span.small-text2 { padding-left: 35px;}
	.opportunities-form table tr td { font-size: 19px;}
	.opportunities-form .form-group input:checked + label::after { top: 3px; left: 9px;}
	.opportunities-form table { margin-top: 7px;}
	table.sub-checkbox label::before { margin-right: 12px !important;}
	span.small-text3 { padding-left: 34px;}
	span.total { font-size: 25px;}
	span.total .button { line-height: 30px; font-size: 30px; padding: 5px 20px 10px;}
	.donations h3 {font-size:30px; line-height:30px;}
	.donations-box { margin-top: 20px; padding: 10px;}
	.donations-left { width: 23%; padding: 0px 0px 0px 10px; font-size: 25px; }
	.donations-right { width: 76%;}
	.donations-right h3 { font-size: 21px; line-height: 30px; padding-bottom: 0px;}
	.donations-row {padding-bottom:10px;}
	.donations-right p { font-size: 19px; line-height: 25px;}
	.view-btn { margin-top: 10px; margin-bottom: 10px;}
	.special-sec .form-group label {font-size: 17px; margin-bottom: 6px;} 
	.special-sec .form-group label::before {padding: 10px;	margin-right: 10px;	top: -1px;}
	.special-sec table tr td { font-size: 17px;}
	.special-sec h2 { font-size: 25px; }
	.special-sec { padding: 20px 0px 0px;}
	.special-sec span.total { font-size: 22px;}
	span.total .button { font-size: 27px; margin-left: 5px;}
	.billing-info h2 { font-size: 28px; line-height: 32px; padding-bottom: 10px;}
	.donate-form input[type="text"], .donate-form input[type="tel"], .donate-form input[type="email"] { height: 44px; }
	.donate-form { padding: 20px 0px;}
	.donate-form select { height: 44px; font-size: 22px;}
	.billing-info .row.donate-radio .columns { width: 100%;}
	.donate-form input[type="radio"]:checked + label, .donate-form input[type="radio"]:not(:checked) + label {margin-bottom:20px;}
	.row.card div.columns:nth-child(1) {width: 100%;}
	.row.card div.columns:nth-child(2) { width: 100%;}
	.message h2 span { font-size: 19px; line-height: 22px; padding-top: 10px;}
	.message p { font-size: 24px; line-height: 34px;}
	.billing-info.message .row.donate-radio .columns { width: 100%;}
	.donate-form input[type="submit"] { font-size: 20px; padding: 12px 30px; margin-bottom: 15px;}	
	footer { font-size: 30px; line-height: 30px;}
	footer span { line-height: 32px; padding-top: 10px; display: block;}
	
	.donations-left {width: 45%;}
	.donations-right {width: 55%;}
	
.drop-options {	margin: 8px 0px 12px;}	
.drop-options a {font-size: 18px; padding-left: 34px;}
.spl a {font-size: 18px;}
.spl {
	padding-left: 33px;
}

.special-sec .form-group input:checked + label:after {top: 5px; left: 9px;}
.brown-sec p {font-size: 25px;line-height: 30px;}

span.small-text2 {font-size: 15px;}
span.small-text3 {
	font-size: 15px;
}
table.mantel-table label {font-size:15px !important;}
.dropdown-chkbox {
	position: relative;
	top: 8px;
}

.opportunities-form .mantel-table .form-group input:checked + label:after { top: 3.5px !important; left: 9px;}

.drop-options .special-text a {
	font-size: 18px !important;
	margin-left: 34px !important;
	padding: 0;
}
.special-text {
	margin-left: 34px;
	margin-bottom: 7px;
	font-size: 15px;
	margin-top: -5px;
}
}