.text-and-image-wrapper {

	margin: 65px 0; }







.text-and-image-wrapper {

	display: flex;

	flex-flow: column-reverse; }







.text-and-image > a {

	display: block;

	text-decoration: none;

	color: inherit; }







.text-and-image-text > .arrow {

	transition: var(--basic-transition);

	display: block;

	margin: 30px 0px 0 auto; }







.text-and-image-text {

	z-index: 1;

	display: block;

	background-color: #fff;

	color: var(--txt-color);

	padding: 20px 10px 10px; }







.text-and-image a:hover .text-and-image-text > .arrow {

	transform: translate(25px, 0); }







.text-and-image-wrapper .text-and-image-text .title {

	font-size: 2.4rem;

	line-height: 1.4;

	font-weight: 400;
	
	margin-bottom: 10px;

	color: var(--txt-color);}







@media (min-width: 768px) {

	.text-and-image-wrapper {

		display: block;

		font-size: 0; }



	.text-and-image-image {

		display: inline-block; }



	.text-and-image-wrapper:hover .text-and-image-image img {

		opacity: 0.6;
		
		transform: scale(0.95); }



	.text-and-image-image img {

		position: relative;

		z-index: -1;

		transition: all .3s ease; }



	.text-and-image-text {

		display: inline-block;

		padding: var(--gutter);

		width: var(--col-6); }



	.text-and-image-wrapper.top .text-and-image-image,

	.text-and-image-wrapper.top .text-and-image-text {

		vertical-align: top; }



	.text-and-image-wrapper.center .text-and-image-image,

	.text-and-image-wrapper.center .text-and-image-text {

		vertical-align: middle; }



	.text-and-image-wrapper.bottom .text-and-image-image,

	.text-and-image-wrapper.bottom .text-and-image-text {

		vertical-align: bottom; }



	.text-and-image-wrapper.top .text-and-image-text {

		margin-top: -50px; }



	.text-and-image-wrapper.bottom .text-and-image-text {

		margin-bottom: -100px; }



	.text-and-image-wrapper .text-and-image-text {

		font-size: initial;

		display: inline-block;

		width: var(--col-4); }



	.text-and-image-wrapper .text-and-image-text .title {

		font-size: 2.4rem;

		line-height: 1.4;

		font-weight: 400;
		
		margin-bottom: 10px;

		color: var(--txt-color);}



	.text-and-image-wrapper .text-and-image-image {

		margin-left: calc(var(--gutter) * -1);

		width: calc(var(--gutter) + var(--col-8)); }



	.text-and-image-wrapper.top .text-and-image-text,

	.text-and-image-wrapper.bottom .text-and-image-text {

		display: inline-block;

		width: var(--col-6); }



	.text-and-image-wrapper.top .text-and-image-image,

	.text-and-image-wrapper.bottom .text-and-image-image {

		margin-left: calc(var(--col-3) * -1);

		width: var(--col-9); }



	.page-id-287 main .text-and-image .text-and-image-wrapper,

	.page-id-304 main .text-and-image .text-and-image-wrapper {

		margin: 115px 0 85px; }



	.page-id-287 main .text-and-image:first-child .text-and-image-wrapper,

	.page-id-304 main .text-and-image:first-child .text-and-image-wrapper {

		margin: 65px 0; }

}