/* frame contaner */
#frame_container {
    width:80%;
    margin:auto;
}
#frame0 {
   margin:auto;
   padding:0px;
   width:100%;
   display:flex;               /* flex */
   flex-wrap: wrap;        
   justify-content:center;
} 

#frame1 , #frame2 , #frame3 {
    border:0px ridge red;
    text-align:center;
    border-radius:5px;
    margin:auto;
    flex-basis:42%;   
    }
#frame1 {width:100%;}
#frame2 {width:80%;}
#frame1 img , #frame2 img ,  #frame3 img {
    border:2px groove silver;
    width:100%;
    }
#frame1 p , #frame2 p , #frame3 p {
    width:98%;
    color:black;
    font-size:1.2rem;
    font-weight:400;
    margin:5px auto 10px auto;
    text-align:left;
    text-shadow:1px 1px 1px snow;
    }
#btn_g {
    border:2px solid gray;
    width:30%;
    text-align:center;
    margin:1.0rem;
    padding:0px;
    border-radius:1rem;
    background-color:ivory;
    box-shadow:1px 1px 2px gray;
    float:right;
}
/*------------------ mobile responsive ------------------------------*/
@media screen and (max-width: 480px) { 
      #btn_g {
             width:35%;
           }
}