.region_landscape-2categorytiles-small:before {
	padding-top: calc(400 / 660 * 100%);
}
.experience-layouts-2column_sbs_tiles_med_rectangle{
    max-width: 1440px;
    margin: 0 auto;
}
.add-padding-sbs-med {
    padding: 0 10px;
}
/* Add space between tiles when next to each other horizontally */
@media screen and (min-width: 768px) {
    .region_landscape-2categorytiles-small:first-child {
        padding-right: 10px !important;
    }
    
    .region_landscape-2categorytiles-small:last-child {
        padding-left: 10px !important;
    }
    
    .region_landscape-2categorytiles-small {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
    
    .page-designer-reference .row {
        justify-content: space-between;
    }
}


@media screen and (max-width: 1440px) {
	.region_landscape-2categorytiles-small:before {
		padding-top: calc((400 / 660 * 1440) / 1440 * 100%);
	}
}


    
@media screen and (max-width: 767px) {
	.region_landscape-2categorytiles-small:before {
		padding-top: calc((321 / 660 * 768) / 768 * 100%);
	}
    
    /* Add space between tiles when stacked vertically 
        uses max-width 767 because breakpoint for larger screens is min-width 768  */
    .region_landscape-2categorytiles-small:last-child {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 415px) {
	.region_landscape-2categorytiles-small:before {
		padding-top: calc((320 / 660 * 415) / 415 * 100%);
	}
}