.interview{
	margin: 0 auto 8%
}

.interview h2{
	font-size: clamp(1.125rem, 0.807rem + 1.59vw, 2rem);
	position: relative;
	padding: .5em .5em .4em;
    border-bottom: 3px solid var(--color-main-shade);
    width:fit-content;
    margin: 0 auto;
    text-align: center
}


.interview h2::before,
.interview h2::after {
    position: absolute;
    left: calc(50% - 15px);
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.interview h2::before {
    background-color: var(--color-main-shade);
}

.interview h2::after {
    bottom: -11px;
    background-color: #fff;
}




.mvbox{
	margin: 6% 0;
	background: #f5f0dc
}

.mvbox h3{
	margin-bottom: .8em;
}


@media screen and (max-width: 767px) {
	.mvbox{
		padding: 1em;
		border-radius: .5em;
	}
	
	.mvbox > div:nth-child(2){
		padding: 1em 0
	}
}	

@media print, screen and (min-width: 768px) {
	.mvbox{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 2em;
		border-radius: 1em;
		position: relative;
	}
	
	.mvbox > div:nth-child(1){
		width: 55%
	}
	
	.mvbox > div:nth-child(2){
		width: 40%
	}
	
	.interview div:nth-child(odd){
		flex-direction: row-reverse
	}
	
}