@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600;800&display=swap');

body {
	font-family: 'Libre Baskerville', serif;
	color: #222;
	font-size:18px;
    line-height: 30px;
}

a {
  color: #0751B1;
}

a:hover {
  color: #5C1F31;
  text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'EB Garamond', serif;
	font-weight: 500;
	text-transform:uppercase;
}
.index-section{
	padding:60px 0;
}
.btn-primary{
	background:#5C1F31;
	border:1px solid #5C1F31;
	border-radius:0;
	font-weight:500;
	padding:12px 25px;
}
.btn-primary:hover{
	color:#5C1F31;
	background:#fff;
	border:1px solid #5C1F31;
}
.btn-primary1{
	background:#F6A890;
	border:1px solid #F6A890;
	border-radius:0;
	font-weight:500;
	padding:12px 30px;
	color:#5C1F31;
}
/* ------------------------------------------------------------------------ */
.web-header .navbar{
	background:#FFCEB8;
}
.web-header .navbar .navbar-brand img{width:80px;}
.web-header .navbar .btn-secondary{
	background:#1D1D1D;
	border-radius:20px;
	border: 0;
}
.web-header .navbar .btn-secondary img{vertical-align: sub;}

.web-header .navbar .navbar-collapse {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
	flex-grow: inherit;
}
.web-header .navbar ul.navbar-nav{
	-ms-flex-direction: unset;
    flex-direction: unset;
	text-align:center;
	display: block; 
}
.web-header .navbar .navbar-nav li{
	display: inline-block;
}
.web-header .navbar .navbar-nav li:last-child{
	display: block;
}
.web-header .navbar .navbar-nav li a{
	font-size:20px;
	color:#333;
	position: relative;
	padding-right: 1.5rem;
    padding-left: 1.5rem;
	 font-family: 'EB Garamond', serif;
}
.web-header .navbar .navbar-nav li.active a{font-weight:bold;}

.web-header .navbar .navbar-nav li.active a:after{
	content:'';
	border-bottom:2px solid #333;
	display:block;
}
.web-header .navbar .navbar-nav li.active a:before{
	content:'';
	 width: 0; 
	  height: 0; 
	  border-left: 8px solid transparent;
	  border-right: 8px solid transparent;
	  border-top: 8px solid #333;
	  position:absolute;
	  bottom:0;
	  left:44%;  
}


.donate-sec{
	/*background:url('../img/bg-img.jpg');*/
	background:url('../img/pic_10.jpg');
	background-attachment:fixed;
	background-size:cover;
	position:relative;
	padding:100px 0;
}
.bg-overly:before{
	content: '';
    background: #17070bc9;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

footer{
	background:#C67363;
	padding:30px 0;
}
footer p{text-align:center;color:#fff;margin-bottom:0;font-size:20px;}

.inner-banner{
	background:url('../img/inner-banner.jpg');
	background-size:cover;
	padding:120px 0;
	position:relative;
}
.inner-banner h1{color:#fff;}
.bg-light{background:#FFF7F3!important;}

.inner-banner-eua{
	background:url('../img/EUA.png');
	background-size:cover;
	padding:120px 0;
	position:relative;
}

.inner-banner-future{
	background:url('../img/future.png');
	background-size:cover;
	padding:120px 0;
	position:relative;
}
.inner-banner-future h1{color:#fff;}

.inner-banner-happening{
	background:url('../img/happening.png');
	background-size:cover;
	padding:120px 0;
	position:relative;
}
.inner-banner-happening h1{color:#fff;}

.inner-banner-history{
	background:url('../img/history.png');
	background-size:cover;
	padding:120px 0;
	position:relative;
}
.inner-banner-history h1{color:#fff;}

.inner-banner-trust{
	background:url('../img/trust.jpg');
	background-size:cover;
	padding:120px 0;
	position:relative;
}
.inner-banner-trust h1{color:#fff;}


.border-right-1{
	border-right:1px solid #707070;
}
.para-btm-0 p, .para-btm-0{margin-bottom:0;}

.h-gallry .card-columns .card img{
	height: 290px!important;
    object-fit: cover;
}








@media (min-width:1199px){
.bg-history{
	background:url('../img/bg-histroy.jpg');
	background-size: auto;
    background-position: center top;
    background-repeat-x: no-repeat;
}
}






@media (max-width: 767px){
body {
	font-size:15px;
    line-height: 24px;
}
h1{font-size:32px;}
.index-section {
    padding: 40px 0;
}
.btn-primary {
    padding: 12px 20px;
}
.donate-sec {
    padding: 60px 0;
}
.web-header .navbar .navbar-collapse {
    position: absolute;
    top: 110px;
    left: 0px;
    width: 100%;
    background: #ffceb8;
    z-index: 9;
}
.web-header .navbar .navbar-nav li a {
    font-size: 20px;
    color: #333;
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem;
}
.border-right-1{
	border-right:0px solid #707070;
	border-bottom:1px solid #707070;
}
footer p{font-size:16px;}
.inner-banner h1 {    font-size: 32px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
.inner-banner {
    padding: 80px 0;
}

}