#mobile-slider {
min-height: 100vh;
margin: 0;
padding: 0;
overflow: hidden;
font-family: Lora, serif;
font-size: calc(14px + .3vw);
display: none;
}

#section4c{
	display:none;
}




	.navbar-demo {
	    display: table;
	    width: 100%;
	    position: absolute;

	    z-index: 99;
	}

	.navbar-demo .nav-bar ul li {
	    display: block;
	}

	.navbar-demo .nav-bar ul {
	    padding: 0;
	    display: table;
	    text-align: center;
	    display:flex;
	    flex-wrap:wrap;
	    justify-content:center;
	    align-items: center;
	    margin: 0;
	    padding: 0;
	}

	.navbar-demo .nav-bar ul li a {
	    font-size: 18px;
	    display: inline-block;
	    text-align: center;
	    text-decoration: none;
	    color: #000;
	    padding: 18px;
	    text-transform: uppercase;
	}

	.nav-bar {
		text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: fixed;
	}
	.navbar-demo button.menu-btn {
	    display:none;
	}







@media only screen and (max-width: 767px){
   .navbar-demo  button.menu-btn {
		 position: fixed;
top: 0;
left: 0;
background-color: unset;
border: 0;
font-size: 30px;
display: block;
padding: 23px;
color: #fff;
outline: none;
    }
    .navbar-demo{
	    /*height:100%;*/
	    z-index: 999;
	}
    .navbar-demo .nav-bar {
        left: -950px;
        background-color: #000000d9;
        transition: 1s;
        height: 100%;
    }

	.navbar-demo.open-nav  .nav-bar{
	    left: 0;
	    width: 100%;
	    transition: left 0.5s;
	    height: 100%;
	}

	.navbar-demo .nav-bar ul li a {
	     display: block;
	     color: #fff;
	}
	.navbar-demo.open-nav button.menu-btn i:before {
	    content: '\f00d ';
	}
}
.navbar-demo{
  display:none;
}
@media only screen and (max-width: 500px){
	#mobile-slider{
		display:flex;
	}
  .navbar{
    display:none;
  }
  .navbar-demo{
    display:flex;
  }

	#section3{
		display: none;
	}
	.card-content .p {
	  height: auto;
		font-size: 0.8em;
	}
	.card{
		width:100%;
	}
	#section-initiatives{
		padding:10%;
	}
	#section1{
		padding:10%;
	}
	.box6{
		width: 100%;
	}
	.card6{
		margin-bottom:10%;
	}
	.header-member p {
		font-size: 90%;
	}
	.input-container {
		width: 95%;
	}
	.container1 {
max-width: 100%;
width: 100%;
height: 95vh;
padding:0 2% 0 7%;
	}
	.first{
		width: 50%;
	}
	.second{
		width:50%;
	}
	.first img{
		height: 200px;
	}
	#slider .col2{
		display: none;
	}
	#slider .col3{
		display: none;
	}
	.first:after{
		width: 5%;
	}
	.first:before{
		width: 5%;
	}
	#slider ul li {
padding: 0;
/* width: max-content; */
max-height: 254px;
max-width: 200px;
width: 170px;
height: 200px;

}
iframe{
  width:90%;
  height: 75%;
}
.flower1 span{
	height:30%;
}
#section4{
	display:none;
}
#section4c{
	display:block;
}
.flower{
	right:25%;
}
.flower1{
	display:none;
}
.card-content h4 {
font-size: 1em;
}
}
@media only screen and (max-width: 350px){
	.container1 {
max-width: 100%;
width: 100%;
height: 95vh;
padding:0 2% 0 7%;
	}
	#slider ul li {
padding: 0;
/* width: max-content; */
max-height: 254px;
max-width: 150px;
width: 140px;
height: 180px;

}
.first img{
	height: 160px;
}
.flower1 span{
	height:10%;
}
}