@charset "utf-8";

/* image */
.ImgTxtBlock .ImgFrame {
    height: 430px;
    margin-right: 5%;
}

/* text */
.ImgTxtBlock .TxtFrame {
    margin-left: 5%;
    padding: 30px 4%;
}
.ImgTxtBlock .TxtFrame .EyebrowTxt {
    display: flex;
    align-items: center;
}
.ImgTxtBlock .TxtFrame .EyebrowTxt svg {
    margin-right: 5%;
}
.ImgTxtBlock .TxtFrameDesc {
    margin-left: 5%;
    padding: 2% 0 2% 5%;
    border-left: 1px solid var(--color-black);
}
.ImgTxtBlock .TxtFrameDesc + .Btn {
    margin-top: calc(var(--spacing-block) * .75);
}

@media only screen and (min-width: 768px) {
	/* block */
	.ImgTxtBlock {
		display: flex;
	}
    .ImgTxtBlock.ImgLeft .ImgFrame,
    .ImgTxtBlock.TxtLeft .TxtFrame {
        order: 1;
    }
    .ImgTxtBlock.ImgLeft .TxtFrame,
    .ImgTxtBlock.TxtLeft .ImgFrame {
        order: 2;
    }

	/* image */
    .ImgTxtBlock .ImgFrame {
        flex-basis: 48.5%;
        height: 820px;
        margin: 0 0 50px 0;
    }
    .ImgTxtBlock.ImgLeft .ImgFrame {
        margin-left: 1.5%;
    }
    .ImgTxtBlock.ImgLeft .ImgFrame .PhotoCredit {
        text-align: left;
    }
    .ImgTxtBlock.ImgRight .ImgFrame {
        margin-right: 1.5%;
    }
    
	/* text */
	.ImgTxtBlock .TxtFrame {
        display: flex;
        align-items: center;
        justify-content: center;;
        flex-basis: 50%;
        margin: 50px 0 0 0;
        padding: 50px 5%;
	}
    .ImgTxtBlock .TxtFrame > div {
        max-width: 500px;
    }
}