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

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

			figure.disclaimer {
				position: relative;
				display: inline-block;
				width: 84px;
			}
			
			figure.star {
				position: relative;
				display: inline-block;
				width: 32px;
			}
 
            figure.banner {
				float: none;
                border: none;
                display: table-cell;
                padding: 15px;
                max-width: 260px;
                text-align: center;
                font-size: .8em;
                vertical-align: middle;

			}

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


		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:800px) {
				body{
					width: 100%;
					margin: 2% 0;
					padding: 1%;
				}
				
				figure img {
					padding: 5px;
					width: 80%;
				}


				figure.banner img {
					padding: 1px;
					width: 80%;
				}
				
				figure.disclaimer img {
					padding: 5px;
					width: 80%;
				}

			}  

			@media only screen and (max-width:600px) {
				figure img {
				    padding: 5px;
					width: 70%;
				}
				
				figure.disclaimer img {
				    padding: 5px;
					width: 70%;
				}

			}      
			
	
