.banner-heading {
    font-family: Georgia;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 55px;
/* text-align: right; */
letter-spacing: 0.05em;
text-transform: uppercase;
color:white;
}
.banner-p {
    /* width:50%; */
    margin-left: 150px;
    font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 144.4%;

color: #FFFFFF;
}

.donate-btn {
    color:black;
    background: #D2F33A;
    border-radius: 5px;
    font-weight:bold;
}

.donate-btn:hover {
    color:black;
    text-decoration: none;
}

.main-heading {
    font-family: Georgia;
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 41px;
/* identical to box height */


color: #724425;
}



.quoted-text1 {
    font-family: 'Raleway';
/* font-style: italic; */
font-weight: normal;
font-size: 22px;
line-height: 126.4%;
/* or 63px */
color: #4A602A;
letter-spacing: 1.8px;
text-transform: uppercase;
}

.quoted-text2 {
    font-family: 'Raleway';
/* font-style: italic; */
font-weight: bolder;
font-size: 26px;
line-height: 126.4%;
/* or 63px */
letter-spacing: 2px;
color: #4A602A;
text-transform: uppercase;
}

.green-div {
    background: #40602A;

}

.centered-text {
    font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150.4%;
/* or 24px */


color: #FFFFFF;
}

.number-span {
    font-family: Georgia;
font-style: italic;
font-weight: normal;
font-size: 48px;
line-height: 150.4%;
/* or 72px */


color: #2E4D1A;
}

.after-number-span {
    width:80%;
    display: inline-flex;
    font-family: Georgia;
font-style: italic;
font-weight: normal;
font-size: 24px;
line-height: 156%;
/* or 37px */


color: #FFFFFF;
}

.third-sec-img {
    /* width:100%; */
    width: inherit;
    height: 443px;
}

.three-imgs {
    width:100%;
}

.footer-div {
    background-image: url("../img/Footer\ image.png");
}

.footer-heading {
    font-family: Georgia;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 27px;

color: #D2F33A;
}

.footer-p {
    font-family: 'Raleway';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
/* or 150% */


color: #FFFFFF;
}

.cust-div {
    margin-top:-260px;
    width:100%;
}

.icons {
    color: #724425;
}

.right-border {
    border-right: 1px solid #724425;
}
.numbers-p {
    font-family: Georgia;
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 41px;

color: #40612A;
}
.custom-justify{
    padding-left: 12%!important;
}

.card-p {
    /* width:90%; */
     /* margin-right:300px;  */
    font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.05em;
text-transform: uppercase;

color: #464647;
}
.custom-shadow{  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.white-text {
    width:80%;
    display: inline-block;
}
.custom-border2{
   
    border-right: 1px solid #724425;
    
    
}


@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
   .third-sec-img {
       height:494px;
   }
   .quoted-text1 {
       font-size: 22px;
   }
   .quoted-text2 {
       font-size: 26px;
   }
   .banner-p {
       margin-left: 100px;
   }
   .banner-heading {
       font-size: 40px;
   }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
   .banner-p {
       margin-left: 130px;
   }
   .cust-div {
       margin-top: -260px !important;
   }
   .main-heading {
       font-size: 34px;
   }
   .quoted-text1 {
       font-size: 22px;
   }
   .quoted-text2 {
       font-size: 26px;
   }
   .paragraph-text {
       font-size: 17px;
   }
   .after-number-span {
       width:75%;
   }
   .third-sec-img {
       height: 642px;
   }
   .donate-btn {
       margin-top: 70px;
   }
   /* .custom-justify{
    padding-left: 12%!important;
} */
}



@media only screen and (max-width: 768px) {
  .cust-div {
      margin-top: -100px;
  }
  .donate-btn {
      width:100%;
  }
  
}
@media only screen and (max-width: 767px) {
    .banner-div {
        height: 550px;
    }
    .custom-justify{
        padding-left: 8%!important;
        text-align: center!important;
    }
    .custom-border{
        border-right: none!important;
        border-bottom: 2px solid #724425;
        padding-bottom:16px;
        width:50%;
        margin:0 auto;
        
    }
    .custom-border2 {
        border-right: none;
    }
}


@media (width:320px) {
    .banner-heading {
        font-size: 38px;
    }
    .banner-p {
        margin-left: 90px;
    }
    .card-p {
        width:100%;
    }
    .after-number-span {
        width:70%;
    }
}