#about-header { overflow:hidden;min-height:535px;position:relative;background-image:url('/images/aboutus/video-cover.jpg');background-size: cover; }
#about-header #text-container { position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:2;text-align:center; }
#about-header h2 { font-size: 80px;text-align: center;font-weight: 800;color: #232323;margin-top:20vh; }
#about-header p { max-width:1000px;margin:0 auto;width:90%;text-align:center;font-size: 38px;line-height: 1.5em;font-weight: 500;margin-top:8vh; }
#about-header .vpop { cursor:pointer;margin-bottom:20px;margin-right:20px; }
#about-header .vpop i { line-height:20px;margin-left:10px; }
#about-header #text-container #button-container { width:90%;margin:0 auto;margin-top:8vh; }

#about-header video { position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:1; }

#about-info { background-color:#FAFAFA;position:relative;text-align:right;overflow:hidden; }
#about-info .grid { padding:75px;text-align:left;width:60%;overflow:hidden; }
#about-info #background-picture { position:absolute;left:0;top:0;text-align:left;width:40%;height:100%;background-image:url('/images/ecosystem/cover.jpeg');background-position:center;background-size:cover; }

#about-info h2 { font-size: 4vw;color: #232323;font-weight: 700; }
#about-info p { font-size: 1.3vw;color: #232323;line-height: 2vw;margin-top: 2vw; }

#organizing-board { display:none;max-width:1000px;margin:0 auto;width:95%;padding:50px 0 25px 0; }
#organizing-board h2 { font-size:56px;text-align:center;font-weight:800;color:#232323;margin: 0 0 50px 0; } 

#organizing-board .grid { padding:0 10px; }
#organizing-board .grid a { display:block;background-color:#232323;text-decoration: none; }
#organizing-board .grid a > div:first-child {padding-bottom:110%;background-color:grey;background-position: center;background-size:cover; }

#organizing-board .grid a > div.filter-name { color:#fff;line-height:13px;text-align:center;padding:10px 5px;font-size:12px;font-weight:700; }

#about-people-container { padding: 50px 10px }
#about-people-container h2 { font-size:80px;text-align:center;font-weight:800;color:#232323;margin: 25px 0 50px 0; }
#about-people-container hr { margin:25px auto 10px auto;width:90%;height:0.5px;border:0.5px; }
#about-people-container #collapse-board { display:none; }
#about-people-container #expand-board, #about-people-container #collapse-board { cursor:pointer;font-size: 18px;font-weight: 300;margin-top: 10px;margin-bottom:25px; }

#about-people-container #founders { padding:50px; }
#about-people-container #founders .grid { padding:0 10px; }
#about-people-container #founders .grid #picture-container { width:35%;float:left; }
#about-people-container #founders .grid #picture-container > div { padding-bottom:110%;background-position: center;background-size:cover; }
#about-people-container #founders .grid #description-container { overflow:hidden;padding-left:20px; }
#about-people-container #founders .grid #description-container h3 { color:#232323;font-size:28px;font-weight:700;margin-bottom:10px; }
#about-people-container #founders .grid #description-container p { text-overflow: ellipsis;line-height:1.5em;font-weight:300; }


@media (max-width:1200px) {
	#about-info .grid { padding:5vw }
}

@media (max-width:1000px) {
	#about-people-container { padding: 5vw 10px 0 10px }
	#about-people-container h2 { font-size: 9.5vw;margin-bottom:10vw; }
	#about-people-container #founders { padding:0px; }
	#about-people-container #founders .grid { width:100%;margin-bottom:25px; }
	#about-people-container #founders .grid #picture-container { width:25%; }
	#about-people-container #founders .grid #description-container h3 { font-size: 4.5vw; }
	#about-people-container #founders .grid #description-container p { font-size: 2.3vw;line-height: 3.3vw;margin-top: 2vw;margin-bottom: 2vw; }


}

@media (max-width:730px) { #organzing-board .grid a > div.filter-name .break { display:block;height:3px; } }

@media (max-width:685px) {
	#about-people-container #organizing-board { padding-top:0;padding-bottom:0; }
	#about-people-container #organizing-board .grid { width:25%;padding:0 5px; }
	#organizing-board .grid a > div.filter-name .break { display:block;height:0; }
}

@media (max-width:650px) {
	#about-info #background-picture { position:static;width:100%;height:25vh; }
	#about-info .grid { width:100%;padding: 6vw }
	#about-info h2 { font-size:7vw; }
	#about-info p { font-size: 3.5vw;line-height: 4.8vw;margin-top: 4vw; }

}

@media (max-width:1150px) {
	#about-header { min-height:735px; }
	#about-header h2 { margin-top:13vh;line-height:1.2em; }
	#about-header .break { display:block; }
}

@media (max-width:680px) {
	#about-header { min-height:635px; }
	#about-header h2 { margin-top: 14vh; font-size:11.5vw; }
	#about-header p { font-size: 7vw;line-height: 10vw;margin-top: 4vh; }
	#about-header #text-container #button-container { margin-top: 4vh; }
}

@media (max-width:524px) {
	 #organzing-board .grid.one-fifth { width:25%; }
}

@media (max-width:465px) { 
	#about-header .vpop { margin-right:0; }
	#organzing-board .grid.one-fifth { width:33%; } 
}

@media (max-width:414px) {
	#about-header { min-height:490px }

}

@media (max-width:375px) {
	#about-header { min-height:445px }
}

@media (max-width:350px) { #organzing-board .grid.one-fifth { width:50%; } }