/*.btn_style {
  color:#101010;
  background-color:#fafafa;
  border-radius:10px; 
  -moz-border-radius:10px; 
  -webkit-border-radius:10px;
}


.btn_grad {
  background-image: linear-gradient(to left,  #015179, #cbc3b8);

}

.txt_color {
	style="color: rgb(252, 196, 25);"
}
*/



section {
    display: flex;
}

article {
    flex: 1;
    color: white;
    background-color:transparent;
    margin: 10px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
}

article img {
    max-width: 100%;
    height: auto;
    min-width: 220px;


    transition: transform .2s;
    margin:0 auto;
    background-color: rgb(173, 173, 237);
    border-radius: 10px;
    border: 1px solid black;

 }

 article img:hover{
   transform:scale(2);
}



 article h2 {
    white-space: nowrap;
    text-align: center;
 }
 
 article a:hover {
    color:red;
 }


 .flex-container {
    flex-direction:row;
  }


.pic {
    height: 100px;
}



/*.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }*/





 @media (max-width: 800px) {
    .flex-container {
      flex-direction: column;
    }
    article h2 {
        white-space: normal;
     }
    article img {
        max-width: 100%;
        height: auto;
        min-width: 100px;
     }
     article img:hover{
      transform:scale(1);
   }

  }