.flex-container{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
 margin:  2% 0 0 0;
 padding: 0;
 justify-content: center ;
 flex-wrap: wrap;
 align-items: strech ;
 flex-direction: row;
}
p{   
font-size: 1em;
color:white;
font-weight: bold;
font-family:arial, "lucida console", sans-serif;
Text-align: left ;
}
#img{ width: 60%;
height: %;
align-items: center;
justify-content:center;}


.item{
display: flex;
margin: -1% 0.5% 0.25% 0.5%;
}


figure {
  position: relative;
  font-size: 12px;
  font-family: sans-serif;
margin: 1.7% 1% 1.7% 1.5%
  padding: 0px;
  width: 200px;
  background: rgba(0,0,0,0.5) ;
  border-radius: 0 0 4px 4px;}

figcaption {
  padding: 10px;
  text-align: left;
 color: white; }


body
img {border: solid black 1px;
     width: 100%;
	 height: auto;
     border-radius: 4px;}
a img:hover{
   box-shadow:0 0 15px rgba(250,250,250,0.9);}

a:link, a:visited { color: black  }
a:active, a:hover   {  color:black}


 

 @media only screen and ( min-width: 950px ) {
/* breites Browserfenster */
.flex-container{
 width: 100%;
  margin:  5% 0 0 0;
 padding: 0;
 justify-content: center ;
 flex-wrap: wrap;
 align-items: strech ;
 flex-direction: row;
}
#img{ width: 60%;
height: ;
margin-left: 17%;}

figure {
width: 150; }


body img{ width: 100%;
height: auto;
align-items: center;
justify-content: center;}
 }

@media only screen and ( max-width: 600px ) {
/* mobile Geräte */
#img{ width: 60%;
height: ;
margin-left: 20%;}

img {border: solid black 1px;
     width: 200px;
     border-radius: 4px;
     box-shadow:0 0 15px rgba(250,250,250,0.9);
     }


}
@media only screen and ( min-width: 480px ) and ( max-width: 950px ) {
/* Tablets und mittlere Bildschirme */


#img{ width: 60%;
height: ;
margin-left: 17%;}

img {border: solid black 1px;
     width: 200px;
     border-radius: 4px;
     box-shadow:0 0 15px rgba(250,250,250,0.9);
     }
}