/*---------------*/

.container-img {
	max-width: 1580px;
    margin-right: auto;
    margin-left: auto;
}

.container-img2 {
	max-width: 1180px;
	margin-right: auto;
    margin-left: auto;
}

.container-text {
	max-width: 960px;
	margin-right: auto;
    margin-left: auto;
}

.mr-top {
	margin-top: 50px;
}

.mr-bottom {
	margin-bottom: 50px;
}

.img-banner {
	width: 100%;
	height: auto;
}

@media(max-width: 1700px) {
	.container-img {
		max-width: 1480px;
	}
}

@media(max-width: 1600px) {
	.container-img {
		max-width: 1380px;
	}
}

@media(max-width: 1400px) {
	.container-img {
		max-width: 1200px;
	}

	.container-img2 {
		max-width: 960px;
	}

	.container-text {
		max-width: 780px;
	}
}

@media(max-width: 1300px) {
	.container-img {
		max-width: 1100px;
	}
}

@media(max-width: 1024px) {
	.container-img {
		max-width: 960px;
	}

	.container-img2 {
		max-width: 720px;
	}

	.container-text {
		max-width: 540px;
	}
}

@media(max-width: 991px) {
	.container-img {
		max-width: 670px;
	}

	.container-img2 {
		max-width: 590px;
	}

	.container-text {
		max-width: 490px;
	}
}

@media(max-width: 450px) {
	.container-img,
	.container-img2,
	.container-text {
		max-width: 370px;
	}

	.mr-top {
		margin-top: 30px;
	}
}

@media(max-width: 393px) {
	.container-img,
	.container-img2,
	.container-text {
		max-width: 340px;
	}
}

@media(max-width: 360px) {
	.container-img,
	.container-img2,
	.container-text {
		max-width: 315px;
	}
}

/*-----------------*/

.text1 {
	font-family: "Epilogue-Bold";
	font-size: 20px;
	line-height: 24px;
	color: black;
	padding-right: 280px;
}

.text2 {
	font-family: "NotoSerif";
	font-size: 18px;
    line-height: 30px;
    color: black;
    padding: 0 90px;
    margin-top: 30px;
}

.text-caption {
	font-family: "Epilogue";
	text-align: center;
	line-height: 18px;
	font-size: 12px;
}

.text-caption b {
	font-family: "Epilogue-Bold";
	padding-left: 2px;
}

.back-top {
	position: fixed;
	bottom: 10px;
	right: 15px;
	z-index: 10;
	color: #87a5be;
	font-size: 25px;
}

@media(max-width: 1400px) {
	.text1 {
		padding-right: 170px;
	}

	.text2 {
		padding-left: 80px;
		padding-right: 0;
	}
}

@media(max-width: 1024px) {
	.text1 {
		padding-right: 40px;
	}

	.text2 {
		padding-left: 60px;
	}
}

@media(max-width: 450px) {
	.back-top {
		display: none;
	}

	.text1,
	.text2 {
		padding: 0;
	}
}