/*PHOTO CARD SETUP*/


/* 1. Ensure the figures take up full available width on mobile */
#main > aside.u-right > figure.photo-card-1, 
#main > aside.u-right > figure.photo-card-3 {
    width: 90%;       /* Force the figure to fill the aside container */
    max-width:90%;   /* Prevent it from ever exceeding it */
    height: auto; 
    text-align: center;
	font-family: 'Roboto', sans-serif;
}

/* 2. Make sure the anchor tag behaves like a block container */
#main > aside.u-right figure a {
    display: inline-block;
    width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
}

/* 3. The magic bullet for fluid images */
#main > aside.u-right > figure.photo-card-1 a img, 
#main > aside.u-right > figure.photo-card-3 a img {
    max-width: 90%;    /* Instead of just width, use max-width */
    width: 90%;       /* Let it scale down naturally */
    height: auto;
    display: inline-block; /* Works perfectly with your text-align center */
	
}

#main > aside.u-right > figcaption {padding-left: var(--global-content-edge-padding, 20px);
padding-right: var(--global-content-edge-padding, 20px);}