#header-container
{
position:fixed !important;
width:100%;
height:100vh;
background:var(--webiste-footer-color) !important;
overflow:auto;
z-index:3000;
padding:50px 20px;
left:-100%;
transition:0.5s;
}
#top-header-container,
#bottom-header-container
{
float:left !important;
position:relative;
height:initial !important;
line-height:initial !important;
top:initial !important;
margin:0px !important;
z-index:1000 !important;
}
.top-header-nav,
.bottom-header-nav
{
float:left;
width:100% !important;
text-align:left;
}
.top-header-nav a,
.bottom-header-nav a
{
display:inline-block;
width:100%;
margin:10px 0px !important;
padding:0px !important;
font-size:16px;
}
#header-logo,
.logo-link,
.search-btn
{
display:none !important;
}
.bottom-header-nav a.btn-donate
{
float:left;
display:inline !important;
padding:10px 15px !important;
width:initial !important;
}
#mobile-header
{
display:block !important;
position:absolute !important;
width:100%;
height:60px;
line-height:60px;
vertical-align:middle;
z-index:1000 !important;
}
#mobile-header-logo
{
float:left;
width:120px;
margin-top:5px;
}
.mobile-menu-bar,
.hide-mobile-menu-bar
{
display:block !important;
cursor:pointer;
position:absolute;
right:15px;
color:white;
background:var(--webiste-primary-color) !important;
display:inline-block;
line-height:initial !important;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;
top:20px;
}
.search-btn-mobile
{
cursor:pointer;
position:absolute;
right:55px;
color:var(--webiste-primary-color) !important;
display:inline-block;
line-height:initial !important;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;
top:20px;	
}
.mobile-menu-bar ion-icon,
.search-btn-mobile ion-icon,
.hide-mobile-menu-bar ion-icon
{
font-size:20px;
margin-bottom:-9px !important;
}
.hide-mobile-menu-bar
{
	
}
.contact-page-container
{
padding-top:100px;
}
.contact-page-container h1
{
font-size:30px !important;
}
.contact-page-container h2
{
font-size:25px !important;
margin-top:20px !important;
}
.contact-page-container p
{
font-size:16px !important;	
}
.contact-page-container p span
{
font-size:18px !important;
}
.contact-page-container .footer-social-link
{
float:left;
width:100% !important;	
}
.contact-page-container .footer-social-link
{
margin-bottom:60px !important;
text-align:left !important;
}
.contact-page-container .footer-social-link .listing
{
justify-content:left !important;
}
.main-page-section
{
padding-top:100px !important;
}
.page-section-info-content span
{
font-size: 20px !important;
}
.page-section-info-content h2
{
font-size: 28px !important;
}
.page-section-info-content p
{
font-size: 15px !important;
}
.team-page-info h2
{
font-size: 28px !important;
}
.team-page-info h3
{
font-size: 16px !important;
margin-bottom:30px !important;
}
.regions-container h1
{
font-size: 25px !important;
}
.page-filter-grid
{
grid-template-columns:repeat(2,1fr);
gap:10px;
}
.page-title-section span
{
font-size: 15px !important;	
}
.page-title-section h1
{
font-size: 38px !important;
}
.filter-category-section h3
{
font-size: 22px !important;
}
.page-grid-section-100{grid-column:1 / 3!important}
.blog-page-container
{
padding-top:80px !important;
}
h1.blog-content-title
{
font-size: 30px !important;
line-height:35px !important;
}
.img-overlay-bottom
{
display:none !important;	
}
.project-image-container .project-info-box
{
width:100% !important;
position:relative !important;
left:initial !important;
bottom:initial;
margin-bottom:0px;	
background:rgba(0,134,158,1) !important;
}
.project-image-container .project-info-box h2
{
font-size: 30px !important;
line-height:35px !important;
}
.project-info-container h3
{
font-size: 30px !important;
}
.project-image-container .project-category
{
font-size:20px !important;	
}
.home-banner-info h1
{
font-size:35px !important;	
line-height:40px !important;
}
.home-about-section h2
{
font-size: 16px !important;
line-height:25px !important;
padding-left:0px !important;
}
.home-about-section .call-to-action-container
{
margin-left:0% !important;	
}
.home-blog-item-l
{
padding:20px;
height:300px;
}
.home-blog-item-l-info
{
padding:20px;
}
.home-blog-item-l-info h2
{
font-size:25px !important;
line-height:25px !important;
}
.other-title-style
{
font-size:25px !important;
line-height:25px !important;
margin-bottom:25px;	
}
.home-project-category-info h2
{
font-size:35px !important;
line-height:35px !important;
margin-bottom:15px;
}
.home-project-category-info h3
{
font-size:16px;
}
.section-left-padding
{
padding-left:0% !important;	
}
.section-right-padding
{
padding-right:0% !important;	
}
.citation-container
{
padding:40px 20px !important;
}
.citation-container h1
{
font-size:40px !important;
line-height:45px !important;
}
.citation-container p
{
font-size:20px;
}
.home-donate-section
{
padding:40px 0px;
padding-left:50px !important;
}
.home-donate-bg
{
padding:50px 0px;
}
.home-donate-info
{
margin-left:-50px;
padding:30px;
}
.home-donate-info h3
{
font-size:18px;
margin-bottom:25px;
}
.home-donate-info h2
{
font-size:35px !important;
line-height:35px !important;
}
.home-donate-info a
{
font-size:16px;
}
.bottom-section-container
{
padding:30px 0px !important;
}
.bottom-section-container h1, .bottom-section-container h1 span
{
font-size:30px !important;
line-height:40px !important;
}
.bottom-section-container p
{
font-size:20px;
margin-top:35px;
padding-left:0% !important;
}
.bottom-section-container .call-to-action-container
{
padding-left:0% !important;
margin-top:40px;	
}
.newsletter-home-section
{
padding:30px;
}
.newsletter-home-section h1
{
font-size:45px !important;	
}
.padding-bottom-mobile
{
padding-bottom:50px !important;
}
.partners-categrory-section a, .partners-container h1
{
font-size: 25px !important;
line-height: 25px !important;
}
.partners-container p
{
font-size: 15px !important;
line-height: 26px !important;
}
.partners-categrory-section
{
text-align:left;
}
.page-header-section-title
{
margin-top:100px !important;
}
.page-header-section-title span
{
font-size: 16px !important;
}
.page-header-section-title h1
{
font-size: 25px;
}
.page-header-section-title h2
{
font-size: 35px !important;
line-height: 35px !important;
}
.page-header-pupple
{
margin:0px !important;
padding-top:100px !important;
}
.publication-page-description p
{
font-size:15px !important;
}
.footer-link
{
padding-top:20px !important;
display:none !important;
}