* {
                        margin: 0;
                        padding: 0;
                        box-sizing: border-box;
                            
               }

         
             body {  
                        font-family:'Indie Flower';
                        font-weight: 200;
                        font-size: 1.7rem;
                        line-height: 1.7;
                        color: #3c4245;
                        background-color:#f2f2f2;
                        width: 100%;
                        text-align: center;
                        overflow-x: hidden;       
                
                   }
             .header {
                     
                        width: 100%;
                        position: fixed;
                        margin-top:0;
                        display: block;
                        padding: 0.1rem;
                        overflow: hidden;
                        z-index: 3;
                        background-color:#f2f2f2;
                        color: #3c4245;
                        font-weight: 400;
                      }

          
           
              

           
              .header h2 {
                        font-family:'Julee';
                        font-weight: 300;
                        font-size: 1.7rem;
                        float: left; 
                        padding: .5rem .5rem;
                
                  }            
       

        
                 
             
              .main_container {
                        display: flex;
                        justify-content: center;
                        flex-wrap: wrap;
                        width: 100%;
                        background-color:#d3d4be;
              } 


              .main_container img {
                        width:43%;
                        padding: .5rem;
                        margin-top: 0;
                        margin-bottom: 1rem;
                       
                   }

             

              .flex-container1 {
                        display: flex;
                        justify-content: center;
                        flex-wrap: wrap;
                        margin-top: 1rem;
                        width: 100%;
                        background-color:#d0dfd4;
                       
                       }
               .flex-container1 img {

                        padding: .5rem;
                        max-height: 15rem;
                        width: auto;
                      
                      }

               .flex-container2 {
                        display: flex;
                        justify-content: center;
                        flex-wrap: wrap;
                        margin-top: 2rem;
                        width: 100%;
                        background-color:#d7dfd9;
              
                     }

               .flex-container2 img {

                        padding: .5rem;
                        max-height: 15rem;
                        width: auto;
                      
                    }
               .flex-container3 {
                        display: flex;
                        justify-content: center;
                        flex-wrap: wrap;
                        margin-top: 2rem;
                        width: 100%;
                        background-color:#ffffff;
    
                    }
               .flex-container3 img {

                        padding: .5rem;
                        max-height: 15rem;
                        width: auto;
            
                   }
 

               .accordion {
                        width: 100%;
                        background-color:#afd4c0 ;
                        color: #444;
                        cursor: pointer;
                        width: 100%;
                        height: 3rem;
                        border: none;
                        text-align: center;
                        outline: none;
                        font-size: 1.2rem;
                        transition: 0.4s;
                        box-shadow: 4px 1px 4px 0 rgba(0,0,0,.1);
                      
                    }
    
               .active, .accordion:hover {
                      color: #000;
                      font-weight: 600;
                     
                     }

                #content1 {
                       
                        display: none;
                       
                        overflow: hidden;
                  }

                #content2 {
                       
                        display: none;
                        
                        overflow: hidden;
                  }

                #content3 {
                       
                        display: none;
                       
                        overflow: hidden;
                  }

          

                footer {
                        width: 100%;
                        height: 3rem;
                        padding: .5rem;
                        font-family:'Julee';
                        font-weight: 200;
                        font-size: 1.2rem;
                        background-color: #3c4245;
                        color: #ffffff;
                        text-align: center;
                        margin-top: 3rem;
                      
              }







              
                        /* 48em = 768px @ 16pt font  במסך גדול*/

                        @media (min-width: 48rem) {
                         
                       

                          } 
                          
                          



                 /* במסך טלפון */
                @media (max-width:30rem)
                {
               

                .main_container img {
                  width: 95%;
                  margin-top: 3rem;
                
      }
              }