.3picture {
    display: table;
    width: 100%;
}

figure, figcaption {
				margin: 0;
				padding: 0;
			}

			figure.rose {
				position: relative;
				display: inline-block;
				width: 160px;
			}
			
			figure.star {
				position: relative;
				display: inline-block;
				width: 32px;
			}
 
            figure.kitten {
				float: none;
                border: none;
                display: table-cell;
                padding: 5px;
                max-width: 500px;
                text-align: center;
                font-size: .8em;
                vertical-align: middle;

			}
			
			figure.kitten400 {
				float: none;
                border: none;
                display: table-cell;
                padding: 5px;
                max-width: 400px;
                text-align: center;
                font-size: .8em;
                vertical-align: middle;

			}

            figure.kitten img {
               /*   border: 5px solid #eee; */
                  box-shadow: 1px 1px 5px 2px #777;
}

        figure.kitten400 img {
               /*   border: 5px solid #eee; */
                  box-shadow: 1px 1px 5px 2px #777;
}

                
        figure.cfalink {
				float: none;
                border: none;
                display: table-cell;
                padding: 5px;
                max-width: 125px;
                text-align: center;
                font-size: .8em;
                vertical-align: middle;

			}  

				
		figure img {
				/* width: 100%; */ 
				text-align:center;
				padding: 10 px;
				position: relative;
				display: inline-block; 
			}

			figcaption {
				position: relative;
				bottom: 0;
				width: 100%;
				text-align: center;
				line-height: 1.5em;
				color: white;
				background: rgba(0,0,0,0.5);
			}

            @media only screen and (max-width:1024px) {
				body{
					width: 100%;
					margin: 2% 0;
					padding: 1%;
				}

				figure.kitten img {
					padding: 1px;
					width: 100%;
				}
				
				figure.kitten400 img {
					padding: 1px;
					width: 100%;
				}

				
				figure.rose img {
					padding: 5px;
					width: 80%;
				}

			}  

			@media only screen and (max-width:800px) {
				body{
					width: 100%;
					margin: 2% 0;
					padding: 1%;
				}

				figure.kitten img {
					padding: 1px;
					width: 80%;
				}
				
				figure.kitten400 img {
					padding: 1px;
					width: 80%;
				}

				
				figure.rose img {
					padding: 5px;
					width: 80%;
				}
				
				figure.cfalink img {
					padding: 1px;
					width: 80%;
				}


			}  

			@media only screen and (max-width:600px) {
				figure.kitten img {
				    padding: 1px;
					width: 80%;
				}
				
				figure.kitten400 img {
				    padding: 1px;
					width: 80%;
				}

				
				figure.rose img {
				    padding: 5px;
					width: 80%;
				}
				
				figure.cfalink img {
					padding: 1px;
					width: 80%;
				}


			}