.left-image {
	background-image : url('/conferences/tfec2027/banner.jpg');
	background-position: center;
	background-size: cover;
}
.not-main-image {
	background-image : url('/conferences/tfec2027/banner2.jpg');
	background-position: center;
	background-size: cover;
}

.head_title, .head_sub_title {
	color : #ffffff;
}

.pp_list_ordered {list-style: lower-alpha; margin-left: 20px;}
.pp_list_ordered_num {list-style: decimal;}
.pp_list_ordered li {padding: 0 0 10px 15px}
.pp_faq {color: #419fba;}

.conference-main-image .right-image {
	width: 400px;
}

.whova-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	background-color: #00AFEF;
	padding: 20px 0;
	text-align: center;
}

.whova-banner-img {
	width: 98px;
}

.whova-banner-txt{
	font: 500 16px/22px 'Lato', Arial;
	padding: 15px 0;
}

.whova-banner-button {
	width: 150px;
	color: #000;
	font: 400 14px/24px 'Lato', Arial;
	background-color: #fff;
	padding: 8px 0;
}

@media (min-width: 1500px) {
	.conference-main-image {
		height: 500px;
	}
	.conference-main-image .right-image {
		width: 600px;
	}
	.not-main-image {
		height: 600px;
		background-position: left;
		background-size: cover;
	}
}

@media (max-width: 1024px) {
	.conference-main-image .right-image {
		width: 400px;
	}
}

@media (min-width: 770px) and (max-width: 900px) {
	.conference-main-image {
		height: 350px;
	}
	.conference-main-image .left-image {
		background-position: left;
		background-position-x: -50px;
		background-size: cover;
	}
	.conference-main-image .not-main-image {
		background-position: left;
		background-position-x: -250px;
		background-size: cover;
	}
}

@media (max-width: 768px) {
	.conference-main-image {
		height: 300px;
	}
	.conference-main-image .not-main-image {
		background-position: left;
		background-position-x: -150px;
		background-size: cover;
	}
}
@media only screen and (max-width: 768px) {
	.conference-main-image {
		height: 300px;
	}
	.not-main-image {
		background-position: left;
		background-position-x: 70%;
		background-size: cover;
	}
}

@media (max-width: 430px) {
	.conference-main-image {
		height: 200px;
	}
	.left-image {
		/*background-position: right;*/
		background-size: cover;
	}
	.not-main-image {
		background-position: left;
		background-position-x: -550px;
		background-size: cover;
	}
}
