@charset "UTF-8";
/* CSS Document */
body { 
	font-family: 'Red Hat Display', sans-serif;
 	font-size: 16px;
    line-height: 1.5;
	}

/* Styles for top bar and banner */	

  .top-bar {
    border-bottom: 0px;
    font-size: 14px;
    line-height: 14px;
    border-color: #25578a;
    background-color: #041e42;
    color: #ffffff;
	padding: 1em 0 .55em 0;
}

.full-width .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 1100px;
}

svg#Layer_1 {
    width: 300px;
    height: 22px;
    fill: #ffffff;
}

.questions {
	text-align:right;
	padding-top:.25em
}
			
.banner {
	background: #031c33 url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/bgBanner.jpg?v=1537550293000) repeat-x;
    border: none;
    height: 105px;
    overflow: visible;
    position:relative;
}

.logo {
	padding-top:10px;
	z-index:100;
}

.logo img{
	max-width:472px;
	width:100%;
	height:auto;
	z-index:100;
}

.banner-text h1 {
	font-family: 'Red Hat Display', sans-serif;
    font-size: 56px;
    line-height: 1.5;
	color: #ffffff;
	margin-top:5px;	
}

 p.btn-report a{
       font-size: 20px;
    line-height: 20px;
    width: 100%;
    display: block;
    text-decoration: none;
    border: 0px solid #000000;
    text-align: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 12px 14px;
   
    color: #ffffff !important;
    margin: 20px 0 30px;
     background: #0069b1 !important;
    text-decoration:none !important;
   }
   
   p.btn-report a:hover{
        background: #00a9e0 !important;
    }
    
   .en__field__error {
    color:#a94442;
    font-weight:bold;
}


/* Styles for footer */
.extended-footer {
    font-size: 16px;
    line-height: 1.5;
    border: 0;
    padding: 1.2em 0 1em 0;
	background-color: #041e42;
    background-image: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/WHOIropelogoWhite.png?v=1601723765000);
    background-repeat: no-repeat;
    background-position: 102% bottom;
    background-size: 280px;
    color:#00a9e0;
	
}	

.extended-footer h3 {
	font-size:19px;	
}

.extended-footer a {
	 color: #ffffff;
}

 .extended-footer .charity-navigator{
	margin-top:20px;
	margin-bottom:0px;
}

.charity-navigator {
	padding-right: 30px;
}
   
   .charity-navigator p{
	font-size:14px;   
	margin-bottom:20px;
   }


/*.extended-footer .about {
	background: #031c33 url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/whoi-logo.png?v=1537576039000) no-repeat;
}*/


/*.extended-footer .charity-navigator img{
	border:1px solid #8dc7f0;
}*/

 .extended-footer .about-whoi{
	margin-top:20px;
	margin-bottom:40px;
}

/*.extended-footer .about {
	background: #031c33 url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/whoi-logo.png?v=1537576039000) no-repeat;
}*/


.extended-footer .about-whoi img{
	border:1px solid #990000;
}


.extended-footer .about-whoi {
	margin-top:20px;
	margin-bottom:40px;
}

.extended-footer .about-whoi img {
	margin-top:20px;
}

.footer {
    border-top: 1px solid #173656;
    font-size: 14px;
    line-height: 14px;
    background-color: #041e42;
    color:#00a9e0;
	padding: 1.2em 0 1.2em 0;
	text-align:center;
}	
.footer a {
	color: #ffffff;
}

.footer p{
       	font-size:14px;   
       	line-height:1.4!important;
       }

/* Styles to change column widths */
.en__component.en__component.en__component--column.en__component--column--1 {
	width:44% !important;

}

.en__component.en__component.en__component--column.en__component--column--2 {
	width:56% !important;
	
}

/* title styles */
h1 {
	font-family: 'Red Hat Display', sans-serif;
	font-size:56px;
	font-weight:bold;
	line-height:1.2;
	color:#041e42;
	margin-top:30px;
}
h3 {
	font-family: 'Red Hat Display', sans-serif;
	font-size:27px;
	font-weight:bold;
	line-height:1.3;
	color:#041e42 !important;
}
/* styles for thank you page */
.three-col {
	margin:30px 0;	
}
.three-col img{
		box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
		border: 15px solid #ffffff;
}
 
.share {
	background: #e2f1fb !important;
	padding:20px 0 0;
	height:50%;
	margin:0 30px 0 10px;
}
  
  
  
/* Styles for left hand content */
.why {
    padding-right:30px !important;
}	

.why h2 {
	margin-top:0;	
	line-height:1.4;
}

.why h3 {
	margin-bottom:0;	
}

.why img {
	width:468px;
	height:auto;
	margin-top:10px;
	margin-bottom:20px;
	
}

input#en__field_supporter_questions_71190 {
    display: none;
	width:1% !important;
}
.en__field.en__field--text.en__field--question.en__field--71190.en__field--giving-monthly .en__field__label{
width:99% !important;
padding-bottom: 0 !important;
}

	
/* Styles for headings on right side for Your information, payment informatin, billing information */
.heading h3 {
    text-transform: uppercase;
    font-size:24px;
    font-weight:700;
	}

/* t-shirt label */
h2.en__pg__name {
	font-size:16px;
    font-weight:700;
	}

/* removes outline around t-shirt image */
.en__pg--selected .en__pg__image--selected {
    outline: #00b2d9 solid 0px !important;
}

/* change font size for question - please do not send me a t-shirt */
.en__pg__detail {
	width:65%;
	font-size:14px;
	line-height:1.4;
	padding-left:14% !important;
	}

.en__pg__detail, .en__pg__display, .en__pg__select {
padding:3px !important;
}

/* removes space under the questions */
.en__captcha, .en__field {
    padding-bottom: 0 !important; 
}

.btn-donate button{
    font-size: 18px; 
    line-height:18px; 
    width: 50%; 
    display: block; 
    text-decoration: none; 
    border: 0px solid #000000; 
    text-align: center;   
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border-radius: 50px; 
    padding: 12px 14px; 
    color: #ffffff !important;; 
    margin:20px auto 30px;
	 margin:20px 0 30px;
 	background: #0069b1 !important;
    }

.btn-donate:hover button{
	 background: #00a9e0 !important;
}
	

.btn-moreinfo {
  background: #0069b1;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
  margin: 0 auto;
}

.btn-moreinfo:hover {
  background: #00a9e0;
 /* background-image: -webkit-linear-gradient(top, #8d9616, #a3ad24);
  background-image: -moz-linear-gradient(top, #8d9616, #a3ad24);
  background-image: -ms-linear-gradient(top, #8d9616, #a3ad24);
  background-image: -o-linear-gradient(top, #8d9616, #a3ad24);
  background-image: linear-gradient(to bottom, #8d9616, #a3ad24);*/
  text-decoration: none;
}





/* not sure this is needed */    
.top-image {
    margin:0;
    width:100%;
    max-width:1100;
    height:auto;
    z-index:-100;
	position:relative
  }   

label {
    font-size: 14px;
}
 
  
/* Styles for form fields */

.en__field__input--text, .en__field__input--email, .en__field__input--number, .en__field__input--telephone, .en__field__input--textarea, .en__field__input--password, .en__field__input--calendar {
    display: block;
    width: 100% !important;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #999;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;   
	margin-bottom:6px !important;
    
}

.en__field__input--select,.en__field__input--splitselect {
	display: block;
	height: 38px;
    padding-left: 12px;
	line-height: 1.42857143;
	font-size: 16px;
    color: #999; 
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;    
    user-select: none;
    -webkit-user-select: none;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
	margin-bottom:10px !important;
}

.en__component.en__component--formblock {
    overflow: hidden;
}

.en__field.en__field--text.en__field--63844.en__field--firstName.en__mandatory, .en__field.en__field--text.en__field--63845.en__field--lastName.en__mandatory,  .en__field.en__field--text.en__field--68880.en__field--ccnumber.en__mandatory, .en__field.en__field--select.en__field--68879.en__field--paymenttype.en__mandatory, .en__field.en__field--text.en__field--68882.en__field--ccvv.en__mandatory, .en__field.en__field--splitselect.en__field--68881.en__field--ccexpire.en__mandatory, .en__field.en__field--text.en__field--63854.en__field--address1.en__mandatory, .en__field.en__field--text.en__field--63857.en__field--address2,.en__field.en__field--text.en__field--68925.en__field--shipadd1,.en__field.en__field--text.en__field--68926.en__field--shipadd2,.en__field.en__field--text.en__field--77522.en__field--NOT_TAGGED_36, .en__field.en__field--text.en__field--77523.en__field--NOT_TAGGED_37,.en__field.en__field--text.en__field--77524.en__field--NOT_TAGGED_38, .en__field.en__field--text.en__field--77525.en__field--NOT_TAGGED_39 {
    float: left !important;
    width: 50% !important;
}

/* City, State and Zip for main and shipping info and gift membership*/
.en__field.en__field--text.en__field--63858.en__field--city.en__mandatory, .en__field.en__field--text.en__field--68928.en__field--shipcity, .en__field.en__field--text.en__field--77526.en__field--NOT_TAGGED_40  {
	float:left;
    width: 44% !important;
}

.en__field--city .en__field__element {
    width: 260px;
}

.en__field--shipcity  .en__field__element {
 	width: 260px;
}

.en__field--NOT_TAGGED_40  .en__field__element {
 	width: 260px;
}

.en__field.en__field--select.en__field--63859.en__field--region.en__mandatory, .en__field.en__field--select.en__field--68929.en__field--shipregion, .en__field.en__field--select.en__field--77527.en__field--NOT_TAGGED_41 {
   float: left !important;
   width: 25% !important;
}

.en__field.en__field--select.en__field--63859.en__field--region.en__mandatory select {
   float: left !important;
}

.en__field.en__field--select.en__field--68929.en__field--shipregion select {
	  float: left !important;
}

.en__field.en__field--select.en__field--77527.en__field--NOT_TAGGED_41 select {
	  float: left !important;
}

.en__field.en__field--text.en__field--63860.en__field--postcode.en__mandatory, .en__field.en__field--text.en__field--68930.en__field--shippostcode,.en__field.en__field--text.en__field--77529.en__field--NOT_TAGGED_42 {
   float: left !important;
   width: 30% !important;
}


input#en__field_supporter_firstName, input#en__field_supporter_lastName, input#en__field_transaction_ccnumber,input#en__field_transaction_ccnumber,select#en__field_transaction_paymenttype,input#en__field_transaction_ccvv,input#en__field_supporter_address1, input#en__field_supporter_address2, select#en__field_transaction_paymenttype,input#en__field_transaction_shipadd1,input#en__field_transaction_shipadd2,input#en__field_supporter_NOT_TAGGED_36,input#en__field_supporter_NOT_TAGGED_37,input#en__field_supporter_NOT_TAGGED_38,input#en__field_supporter_NOT_TAGGED_39 {
    min-width: 305px;
	 min-width: 400px;
}


input#en__field_supporter_city, input#en__field_transaction_shipcity,input#en__field_supporter_NOT_TAGGED_40 {
	min-width:150px;
	width:250px;
	 min-width: 400px;
}

input#en__field_supporter_postcode, input#en__field_transaction_shippostcode,input#en__field_supporter_NOT_TAGGED_42 {
	min-width:150px;
	 min-width: 400px;
}

select#en__field_supporter_region, select#en__field_transaction_shipregion,select#en__field_supporter_NOT_TAGGED_41,select#en__field_supporter_country  {
	width:140px;
	min-width:140px;
	 min-width: 400px;
}

input#en__field_supporter_NOT_TAGGED_4, input#en__field_supporter_emailAddress, input#en__field_supporter_phoneNumber, input#en__field_transaction_shipnotes, input#en__field_supporter_NOT_TAGGED_44,input#en__field_supporter_NOT_TAGGED_43 {
    min-width: 536px;
	min-width: 624px;
	 min-width: 400px;
}

.en__component.en__component--premiumgiftblock {
	width:624px !important;
	margin-top:12px;
	margin-bottom:35px;
	border-radius:0;
}

/* ETHANS Code */

.en__component--row {
    width:100%;
}
/*
.en__component--row--1 {
    position: absolute !important;
    z-index: -10;
}
*/

.banner-image {
   position: absolute;
   top: -26px;
   z-index: -10;
}

.en__component--row--2,
.thank-you {
    padding-top: 270px;
	 padding-top: 10px !important;
}

.en__component.en__component--copyblock {
    padding-right: 30px;
	
}

.thank-you2 {
    padding-top: 380px;
}

.thank-you h2, .thank-you2 h2 {
	line-height:1.3;
}

/* Custom radio/check boxes */

.en__field__element.en__field__element--radio .en__field__item label:before,
.en__field__element.en__field__element--checkbox .en__field__item label:before,
.en__pg .en__pg__select label:before {
    content: '';
    background-color: #fff;
    border: 1px solid #616161;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 2px;
    margin: -1px 8px 0 0;
    text-align: center;
}

.en__field__element.en__field__element--radio .en__field__item input.en__field__input--radio,
.en__field__element.en__field__element--checkbox .en__field__item input.en__field__input--checkbox,
.en__pg .en__pg__select input {
    opacity: 0;
    position: absolute;
    left: -2rem;
    top: -2rem;
}


.en__field__element.en__field__element--radio .en__field__item input:checked ~ label:before,
.en__field__element.en__field__element--checkbox .en__field__item input:checked ~ label:before,
.en__pg .en__pg__select input:checked ~ label:before {
    background-color: #8dc6f1;
    background-image: url("https://external.whoi.edu/whoi-giving-assets/images/checkbox.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border-color: #274879;
}

/* City, State, Zip form fields 

.en__field.en__field--text.en__field--63858.en__field--city.en__mandatory {
    width: 44% !important;
}

.en__field--city .en__field__element {
    width: 260px;
}

.en__field.en__field--select.en__field--63859.en__field--region.en__mandatory {
    width: 25% !important;
}

.en__field.en__field--text.en__field--63860.en__field--postcode.en__mandatory {
    width: 30% !important;
}

input#en__field_supporter_city {
    width: 250px;
}

select#en__field_supporter_region {
    width: 140px;
    min-width: 140px;
}*/

/* END ETHAN'S CODE */



/* Styles for Honorary Fields 
.en__field.en__field--text.en__field--64285.en__field--honname.en__mandatory, .en__field.en__field--textarea.en__field--64478.en__field--NOT_TAGGED_23.en__mandatory, .en__field.en__field--text.en__field--64284.en__field--infname.en__mandatory, .en__field.en__field--text.en__field--64287.en__field--infadd1.en__mandatory  {
	float: left !important;
    width: 50% !important;
}

input#en__field_transaction_honname, textarea#en__field_supporter_NOT_TAGGED_23, input#en__field_transaction_infname,input#en__field_transaction_infadd1 {
 	min-width: 305px;
}*/

/* City, State, Zip 
.en__field.en__field--text.en__field--64286.en__field--infcity.en__mandatory{
	float: left !important;
    width: 39% !important;
	width: 44% !important;
}

.en__field--infcity .en__field__element {
    width: 260px;
}

.en__field.en__field--select.en__field--64288.en__field--infreg.en__mandatory {
	float: left !important;
    width: 25% !important;	
}*/

/*.en__field.en__field--select.en__field--64288.en__field--infreg.en__mandatory select {
     width:50px;
}*/

/*
.en__field.en__field--text.en__field--64289.en__field--infpostcd.en__mandatory {
	 float:left;
	 width: 30% !important;
}

input#en__field_transaction_infcity  {
 	width: 250px !important;
	margin-bottom:30px !important;
}

select#en__field_transaction_infreg {
	width:140px !important;
	min-width: 140px!important;
	margin-bottom:30px !important;
}

input#en__field_transaction_infpostcd {
	min-width: 140px !important;
	margin-bottom:30px !important;
}
*/

label.en__field__label.en__field__label--positionabove {
	width:250px;
	 margin-bottom:0 !important;
}


/* Styles for Email Preferences page */
.en__component.en__component--formblock.email-preferences {
	margin-bottom:30px !important;	
}

.email-preferences label.en__field__label {
	width:30%; 
 }

.email-preferences button{
    font-size: 18px; 
    line-height:18px; 
    width: 30%; 
    display: block; 
    text-decoration: none; 
    border: 0px solid #000000; 
    text-align: center;   
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
   padding: 8px 10px; 
    color: #ffffff !important;; 
    margin:20px 0 30px;
    background: #0069b1 !important;
    }
	
.email-preferences button:hover{
	background:#00a9e0;
}

/* Styles for Thank you page - padding around social sharing icons */
.en__component.en__component--socialblock {
padding: 20px 0 30px;	
}


.en__field_supporter_questions_63778 {
display: none;
} 

@media only screen and (max-width: 768px) {
	/* makes donation buttons full width*/
	.en__field__item {
        width: 100%;
}
	
/* change width of columns */
.en__component.en__component.en__component--column.en__component--column--1 {
	width:100% !important;

}

.en__component.en__component.en__component--column.en__component--column--2 {
	width:100% !important;
}	
	
	
	
	.en__field.en__field--text.en__field--63844.en__field--firstName.en__mandatory, .en__field.en__field--text.en__field--63845.en__field--lastName.en__mandatory,  .en__field.en__field--text.en__field--68880.en__field--ccnumber.en__mandatory, .en__field.en__field--select.en__field--68879.en__field--paymenttype.en__mandatory, .en__field.en__field--text.en__field--68882.en__field--ccvv.en__mandatory, .en__field.en__field--splitselect.en__field--68881.en__field--ccexpire.en__mandatory, .en__field.en__field--text.en__field--63854.en__field--address1.en__mandatory, .en__field.en__field--text.en__field--63857.en__field--address2,.en__field.en__field--text.en__field--68925.en__field--shipadd1,.en__field.en__field--text.en__field--68926.en__field--shipadd2, .en__field.en__field--text.en__field--77522.en__field--NOT_TAGGED_36, .en__field.en__field--text.en__field--77523.en__field--NOT_TAGGED_37,.en__field.en__field--text.en__field--77524.en__field--NOT_TAGGED_38, .en__field.en__field--text.en__field--77525.en__field--NOT_TAGGED_39  {
    float: none !important;
    width: 100% !important;
}


/* City, State and Zip for main and shipping info and gift membership*/
.en__field.en__field--text.en__field--63858.en__field--city.en__mandatory, .en__field.en__field--text.en__field--68928.en__field--shipcity, .en__field.en__field--text.en__field--77526.en__field--NOT_TAGGED_40  {
	float: none !important;
    width: 100% !important;
}


.en__field.en__field--select.en__field--63859.en__field--region.en__mandatory, .en__field.en__field--select.en__field--68929.en__field--shipregion, .en__field.en__field--select.en__field--77527.en__field--NOT_TAGGED_41 {
    float: none !important;
    width: 100% !important;
}

.en__field.en__field--select.en__field--63859.en__field--region.en__mandatory select {
    float: none !important;
    width: 100% !important;
}

.en__field.en__field--select.en__field--68929.en__field--shipregion select {
	float: none !important;
    width: 100% !important;
}

.en__field.en__field--select.en__field--77527.en__field--NOT_TAGGED_41 select {
	float: none !important;
    width: 100% !important;
}

.en__field.en__field--text.en__field--63860.en__field--postcode.en__mandatory, .en__field.en__field--text.en__field--68930.en__field--shippostcode,.en__field.en__field--text.en__field--77529.en__field--NOT_TAGGED_42 {
     float: none !important;
     width: 100% !important;
}


input#en__field_supporter_firstName, input#en__field_supporter_lastName, input#en__field_transaction_ccnumber,input#en__field_transaction_ccnumber,select#en__field_transaction_paymenttype,input#en__field_transaction_ccvv,input#en__field_supporter_address1, input#en__field_supporter_address2, select#en__field_transaction_paymenttype,input#en__field_transaction_shipadd1,input#en__field_transaction_shipadd2,input#en__field_supporter_NOT_TAGGED_36,input#en__field_supporter_NOT_TAGGED_37,input#en__field_supporter_NOT_TAGGED_38,input#en__field_supporter_NOT_TAGGED_39 {
   min-width:300px;
width:90%;
}


input#en__field_supporter_city, input#en__field_transaction_shipcity,input#en__field_supporter_NOT_TAGGED_40 {
	min-width:300px;
width:90%;
}

input#en__field_supporter_postcode, input#en__field_transaction_shippostcode,input#en__field_supporter_NOT_TAGGED_42 {
	min-width:300px;
width:90%;
}

select#en__field_supporter_region, select#en__field_transaction_shipregion,select#en__field_supporter_NOT_TAGGED_41,select#en__field_supporter_country  {
	min-width:300px;
width:90%;
}

input#en__field_supporter_NOT_TAGGED_4, input#en__field_supporter_emailAddress, input#en__field_supporter_phoneNumber, input#en__field_transaction_shipnotes, input#en__field_supporter_NOT_TAGGED_44,input#en__field_supporter_NOT_TAGGED_43 {
  min-width:300px;
width:90%;
}



.en__component.en__component--premiumgiftblock {
	min-width:300px;
width:90%;
	
}

/* Honorary Fields */
.en__field.en__field--text.en__field--64285.en__field--honname.en__mandatory, .en__field.en__field--textarea.en__field--64478.en__field--NOT_TAGGED_23.en__mandatory, .en__field.en__field--text.en__field--64284.en__field--infname.en__mandatory, .en__field.en__field--text.en__field--64287.en__field--infadd1.en__mandatory  {
	float: none !important;
    width: 100% !important;
}

input#en__field_transaction_honname, textarea#en__field_supporter_NOT_TAGGED_23, input#en__field_transaction_infname,input#en__field_transaction_infadd1 {
 	min-width: 300px;
	width:90%;
}

/* City, State, Zip */
.en__field.en__field--text.en__field--64286.en__field--infcity.en__mandatory{
	float: none !important;
    width: 100% !important;
}

.en__field--infcity .en__field__element {
    min-width: 300px;
	width:90%;
}

.en__field.en__field--select.en__field--64288.en__field--infreg.en__mandatory {
	float: none !important;
    width: 100% !important;
}

/*.en__field.en__field--select.en__field--64288.en__field--infreg.en__mandatory select {
     width:50px;
}*/


.en__field.en__field--text.en__field--64289.en__field--infpostcd.en__mandatory {
	float: none !important;
    width: 100% !important;
}

input#en__field_transaction_infcity  {
 	min-width: 300px;
	width:90%;
	
}

select#en__field_transaction_infreg {
		min-width: 300px;
	width:90%;

}

input#en__field_transaction_infpostcd {
	min-width: 300px;
	width:90%;
}


.en__component.en__component--row.en__component--row--2 {
	   padding-top: 80px !important;
}

body {font-size: 14px;
    }

.why h2 {
	font-size:22px;	
}

.heading h3  {
	font-size:18px;	
}

.btn-donate button{
    font-size: 18px; 
    line-height:18px; 
    width: 50%; 
    display: block; 
    text-decoration: none; 
    border: 0px solid #000000; 
    text-align: center;   
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border-radius: 50px; 
    padding: 12px 14px; 
	 padding: 8px 10px; 
    color: #ffffff !important;; 
    margin:20px auto 30px;
	margin:20px 0 30px;
    background: #0069b1 !important;
    }
	
	.btn-donate button:hover {
		background: #00a9e0
	}
	
	
	
.col-sm-2.charity-navigator {
    text-align: center;
}	






}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.en__component.en__component--premiumgiftblock {

        width: 100% !important;

}

body {font-size: 16px;}
h1 {font-size: 30px;}
.en__field.en__field--text.en__field--102343.en__field--firstName.en__mandatory, .en__field.en__field--text.en__field--102344.en__field--lastName.en__mandatory {width: 49% !important;}
.newsletter-signup input#en__field_supporter_firstName,.newsletter-signup input#en__field_supporter_lastName {min-width: 50%;}
.newsletter-signup input#en__field_supporter_emailAddress{min-width: 100%;}
.en__field__element.en__field__element--text {width: 100%;}
.top-bar {text-align: center;}
.questions {text-align: center;}


}


}