@charset "UTF-8";
#cast img{
}
#cast h4{
	font-weight:700;
	color:#000;
	line-height:1.5;
}
#cast h6{
	font-weight:300;
	color:#000;
	line-height:1.5;
}
#cast h5{
	font-weight:300;
	color:#008085;
	line-height:1.5;
}
@media screen and (min-width:941px) {
	#cast .content{
		width:100%;
		max-width:1000px;
	}
	#cast li{
		width:18%;
		float:left;
		margin-left:2%;
		text-align:center;
		
	}
	
}
@media screen and ( max-width: 940px) and (min-width:769px) {
	#cast .content{
		width:92%% !important;
	}
	#cast li{
		width:23%;
		float:left;
		margin-left:2%;
		text-align:center;
	}
}
@media screen and (min-width:769px) {
	
	#cast h4{font-size:15px;}
	#cast h6{font-size:13px;}
	#cast h5{font-size:12px;}
	#cast a.moreinfo{ 
		font-size:12px;
		line-height:1;
		padding-left:15px;
		font-weight:700;
		text-align:left;
		display:block;
		width:100px;
		height:20px;
		margin:10px auto 0 auto;
		background:url(../images/moreinfo.svg) no-repeat;
		background-position:0 2px;
		background-size:6px auto;
	}
	#cast a.moreinfo:hover{
		font-weight:700;
	}
	
	
}

@media screen and (min-width:641px) and (max-width:768px){
	#cast .content{
		width:92%% !important;
	}
	#cast li{
		width:32%;
		float:left;
		margin-left:2%;
		text-align:center;
	}
}

@media screen and (max-width:640px){
	#cast .content{
		width:92%% !important;
	}
	#cast li{
		width:50%;
		float:left;
		text-align:center;
		margin-bottom:5%;
	}
	#cast img{
		width:100px;
	}
	#cast h4{font-size:14px;}
	#cast h6{font-size:12px;}
	#cast h5{font-size:11px;}
	#cast a.moreinfo{ 
		font-size:11px;
		line-height:1;
		padding-left:14px;
		font-weight:700;
		text-align:left;
		display:block;
		width:100px;
		height:18px;
		margin:8px auto 0 auto;
		background:url(../images/moreinfo.svg) no-repeat;
		background-position:0 3px;
		background-size:5px auto;
	}
	#cast a.moreinfo:hover{
		font-weight:700;
	}
}