@media screen and (max-width: 800px) {
	.humansofcaa_area{margin-top:20px;}
	.humansofcaa_inner{width:calc(100% - 20px);margin-left:20px;}
	.humansofcaa_inner .title{font-size: 40px;line-height: 60px;}
	.humansofcaa_inner .secondtitle{font-size: 40px;line-height: 60px;margin-left:15px;}
	.humanspeople{width:100%;padding-bottom:20px;margin-top:0px;}
	.humanspeople .list{width:calc(100% - 20px);margin-left:10px;margin-top:20px;}
	.humanslist .avatarbg{height:100%;width:calc(100% - 5px);margin-left:5px;}
	.humanslist .summary{width:calc(100% - 5px + 45%);margin-left:5px;}
	.humanslist .summary .namearea{margin-top:20px;}
	.humanslist .summary .namearea .firstname{font-size: 24px;line-height: 28px;}
	.humanslist .summary .namearea .lastname{font-size: 24px;line-height: 28px;margin-top:15px;margin-left:10px;}
	.humanslist .summary .lineone{width:1900px;border-top:1px solid #202020;top:19px;}
	.humanslist .summary .linetwo{width:1900px;border-top:1px solid #202020;top:33px;}
	.humanslist .summary .linethree{width:1900px;border-top:1px solid #202020;top:50px;}
	.humanslist .summary .linefour{width:1900px;border-top:1px solid #202020;top:165px;}
	.humanslist .summary .profile{width:100%;font-size: 12px;line-height: 20px;height:60px;margin-top:4px;}
	
	.humansofcaa_feature{width:calc(100% + 30px);margin-left:-30px;height:766px;}
	
}
@media screen and (min-width: 800px) and (max-width: 1100px){
	.humansofcaa_area{margin-top:119px;}
	.humansofcaa_inner{width:calc(100% - 50px);margin-left:50px;}
	.humansofcaa_inner .title{font-size: 70px;line-height: 100px;}
	.humansofcaa_inner .secondtitle{font-size: 70px;line-height: 100px;margin-left:18px;}
	.humanspeople{width:100%;padding-bottom:88px;}
	.humanspeople .list{width:calc(50% - 15px);margin-top:70px;margin-left:30px;}
	.humanspeople{padding-bottom:88px;}
	.humanspeople .list:nth-child(2n-1){margin-left:0px;}
	.humanslist .avatarbg{height:100%;width:calc(100% - 30px);margin-left:30px;}
	.humanslist .summary{width:calc(100% - 30px);margin-left:30px;}
	.humanslist .summary .namearea{margin-top:11px;}
	.humanslist .summary .namearea .firstname{font-size: 70px;line-height: 82px;}
	.humanslist .summary .namearea .lastname{font-size: 70px;line-height: 82px;margin-top:39px;margin-left:27px;}
	.humanslist .summary .lineone{width:1900px;border-top:1px solid #202020;top:37px;}
	.humanslist .summary .linetwo{width:1900px;border-top:1px solid #202020;top:75px;}
	.humanslist .summary .linethree{width:1900px;border-top:1px solid #202020;top:116px;}
	.humanslist .summary .linefour{width:1900px;border-top:1px solid #202020;top:265px;}
	.humanslist .summary .profile{width:100%;font-size: 18px;line-height: 26px;height:78px;margin-top:4px;}
	
	.humansofcaa_feature{width:calc(100% + 30px);margin-left:-30px;height:846px;}
	
}
@media screen and (min-width: 1100px){
	.humansofcaa_area{margin-top:119px;}
	.humansofcaa_inner{width:calc(100% - 50px);margin-left:50px;}
	.humansofcaa_inner .title{font-size: 109px;line-height: 140px;}
	.humansofcaa_inner .secondtitle{font-size: 109px;line-height: 140px;margin-left:24px;}
	.humanspeople{width:100%;padding-bottom:88px;}
	.humanspeople .list{width:calc(33.33% - 20px);margin-top:100px;margin-left:30px;}
	.humanspeople{padding-bottom:88px;}
	.humanspeople .list:nth-child(3n-2){margin-left:0px;}
	.humanslist .avatarbg{height:100%;width:calc(100% - 30px);margin-left:30px;}
	.humanslist .summary{width:calc(100% - 30px);margin-left:30px;}
	.humanslist .summary .namearea{margin-top:11px;}
	.humanslist .summary .namearea .firstname{font-size: 70px;line-height: 82px;}
	.humanslist .summary .namearea .lastname{font-size: 70px;line-height: 82px;margin-top:39px;margin-left:27px;}
	.humanslist .summary .lineone{width:1900px;border-top:1px solid #202020;top:37px;}
	.humanslist .summary .linetwo{width:1900px;border-top:1px solid #202020;top:75px;}
	.humanslist .summary .linethree{width:1900px;border-top:1px solid #202020;top:116px;}
	.humanslist .summary .linefour{width:1900px;border-top:1px solid #202020;top:265px;}
	.humanslist .summary .profile{width:100%;font-size: 18px;line-height: 26px;height:78px;margin-top:4px;}
	
	.humansofcaa_feature{width:calc(100% + 30px);margin-left:-30px;height:846px;}
	
}
.humansofcaa_area{float:left;width:100%;overflow:hidden;}
.humansofcaa_inner{float:left;}
.humansofcaa_inner .title{float:left;font-weight: 400;color:black;font-family: 'Lora';}
.humansofcaa_inner .secondtitle{float:left;font-weight:900;}
.humansofcaa_feature{float:left;overflow:hidden;}
.humansofcaa_feature_area{float:left;width:1000%;}
.humansofcaa_feature_content{float:left;width:100%;margin-left:-3.75%;}
.humanslist{float:left;height:480px;}
.humanslist .avatarbg{cursor:pointer;float:left;}
.humanslist .summary{display:none;position:relative;float:left;}
.humanslist .summary .namearea{margin-top:11px;}
.humanslist .summary .namearea .firstname{float:left;font-weight: 900;}
.humanslist .summary .namearea .lastname{float:left;font-weight: 900;color:white;text-shadow: -1px 1px 0 #000000, 1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000;}
.humanslist .summary .profile{float:left;font-weight: 400;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
.humanslist .summary .more{float:left;color: #D52D27;font-size: 18px;line-height: 24px;font-weight: 400;margin-top:12px;}
.humanslist .summary .more a{color: #D52D27;}
.humanslist .summary .lineone{position:absolute;}
.humanslist .summary .linetwo{position:absolute;}
.humanslist .summary .linethree{position:absolute;}
.humanslist .summary .linefour{position:absolute;}
.humansofcaa_0{width:1.25%;margin-top:300px;}
.humansofcaa_-1{width:1.25%;margin-top:260px;}
.humansofcaa_-2{width:1.25%;margin-top:220px;}
.humansofcaa_1{width:1.25%;margin-top:180px;}
.humansofcaa_2{width:1.25%;margin-top:140px;}
.humansofcaa_3{width:5%;margin-top:100px;}
.humansofcaa_3 .summary{display:block;}
.humansofcaa_4{width:1.25%;margin-top:60px;}
.humansofcaa_5{width:1.25%;margin-top:20px;}
.humansofcaa_6{width:1.25%;margin-top:-20px;}
.humansofcaa_7{width:1.25%;margin-top:-60px;}
.humansofcaa_8{width:1.25%;margin-top:-100px;}

.humanspeople{float:left;width:100%;}
.humanspeople .list{float:left;}
.humanspeople .list .avatarbg{float:left;width:100%;height:0px;padding-bottom:62.5%;}