.twophotos{
	position: relative;
	max-width: 520px;
	margin: 0 auto;
	padding: 100px 0 0;

	@media (max-width: 991px){
		padding-top: 60px;
	}

	@media (max-width: 767px){
		padding-top: 30px;
	}

	.big_image{
		position: relative;
		z-index: 1;
		max-width: 85%;

		@media (max-width: 575px){
			max-width: 65%;
		}
	}

	.smaller_image{
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		max-width: 65%;

		@media (max-width: 575px){
			max-width: 48%;
		}
	}
	
	&.layout-long-right-behind .smaller_image{
		z-index: 0;
	}
}