/* header */

/* mpt */
.mpt-container {
    height: calc(15vw);
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    background-color: var(--violet);
    background-blend-mode: darken;
}
.mpt-container::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../../../uploads/2021/03/footer-icon.svg') repeat center top;
    top: 0;
    right: 0;
    background-size: 50px;
    mix-blend-mode: soft-light;
    opacity: 0.3;
}
.mpt-container::after {
    content: "";
    width: 100%;
    height: 7.5vw;
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, #000, transparent);
	opacity: .4;
}
.my-page-title {
    height: 100%;
    width: 1100px;
    max-width: 100%;
	padding: 0 50px;
    margin: auto;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
}
.mpt-h1 {
    font-size: 60px;
    line-height: 1;
	color: #fff;
}
.my-page-title .breadcrumbs * {
    color: #fff !important;
}
.breadcrumbs li:first-child::before {
	display: none !important;
}

/* article */
.mpt-container.article-mpt::after  {
	display: none;
}	
.mpt-container.article-mpt {
    background: transparent !important;
    height: auto;
}
.mpt-container.article-mpt .mpt-h1 {
    font-size: 40px;
	margin: 0;
}
.mpt-container.article-mpt  .my-page-title {
    padding: 1.5vw 0;
    border-bottom: 3px dotted #8da0b5;
}
@media only screen and (min-width: 780px) {
	.mpt-container.centered .my-page-title {
		justify-content: center;
		flex-direction: column;
		align-items: center;
		text-shadow: 0 0 17px rgba(0, 0, 0, 0.63);
	}
	.mpt-container.centered .breadcrumbs *,
	.mpt-container.centered .mpt-h1 {
		color: #fff !important;
	}
}
@media only screen and (max-width: 780px) {
	.mpt-container {
		min-height: 28vw;
	}
	.mpt-container::after {
		height: 30vw;
	}
	.my-page-title {
		width: 100%;
		padding: 0 20px;
		justify-content: center;
		align-items: center;
	}
	.mpt-h1 {
		font-size: 10vw;
		text-align: center;
		margin: 0;
	}
	.mpt-container.article-mpt .my-page-title {
		padding: 4.5vw 0 7.5vw;
	}
}