/* header */

header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
	width: 100%;
	height:150px;
    background-color: #fff;
	z-index:999;
    opacity: 1;
	}


div#header_area {
	display: grid; 
    grid-template-columns: 250px 1fr 180px 30px; 
	grid-template-rows: auto; 
    grid-column-gap: 24px;
    grid-row-gap: 0px;
	width:calc(100% - 120px);
	max-width:1320px;
    padding: 0px 60px 0px 60px;
}


div.logo {padding-bottom: 0px; margin-top:0px; align-content: center; }
div.logo img { width:100% !important; height:auto !important; border:0; }	


 
 
div.header_nav {border: 0px solid #fff; border-radius: 0; padding: 0px 0px 0px 0px; margin: 0 0px 0 0; align-content: center; }

div.header_button { 
    display:grid ; margin-top:0px; align-content: center; justify-content: flex-end; margin-top: -20px; }
div.header_kontakt {display:grid; margin-top:0px; align-content: center;  justify-content: flex-end; }
div.header_kontakt img { border:0; width: 20px !important; }	

/* footer */

footer {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	height:auto;
    background-color: #fff;
    margin-top: 50px;
}


div#footer_area {
	display: grid; 
       grid-template-columns: 200px 200px 250px 1fr 110px; 
	grid-template-rows: auto; 
    grid-column-gap: 24px;
    grid-row-gap: 0px;
	width:calc(100% - 120px);
	max-width:1320px;
    padding: 50px 60px 50px 60px;
    color: #fff;
   	}


div.footer_block_1 { 
    display: grid;
    justify-content: flex-start; 
    align-content:  flex-start; 
    padding: 15px 0 0 0 ;
    order: 1;  }

    div.footer_block_2 { 
        display: grid;
        justify-content: flex-start; 
        align-content:  flex-start; 
        padding: 15px 0 0 0 ;
        order: 2;  }

        div.footer_block_3 { 
            display: grid;
            justify-content: flex-start; 
            align-content:  flex-start;  
            order: 3;   }

            .footer_copyright {
                display: grid; 
             justify-content: flex-end;
             align-content:  center;  
             font-size: 12px;  
             order: 4; 
             }



div.footer_block_logo { 
    display: grid;
    justify-content: flex-end; 
    align-content: center; 
    order: 5;  }

div.footer_block_logo img { width: 110px; height: auto;} 



 footer a { color: #fff; transition: 0.2s; text-decoration: none;    margin-left: 0px;      }
footer a:hover { color: #EC6069;  transition: 0.2s; text-decoration: none;  }    


 
 
 
/*Site - NAV footer */  


  
div.menu-footer-1-container ul, div.menu-footer-2-container ul   {
margin:0px;
padding:0px;
margin-top:0px;
margin-left:0px;
}


div.menu-footer-1-container ul li , div.menu-footer-2-container ul li {
list-style-type: none;
width: auto;
padding-top: 0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
margin-left: 0;
text-align: left;
	display: block;
}

div.menu-footer-1-container li a, div.menu-footer-2-container li a  {
color: #fff;
text-decoration: none;
font-weight: 100;
vertical-align: left;
border-bottom: solid 0px rgba(255,255,255,0.00);
padding-bottom:0px;
line-height:1.3em;
transition: 0.2s;
}

div.menu-footer-1-container li a:hover, div.menu-footer-2-container li a:hover  { color: #EC6069;border-bottom: solid 0px #fff; transition: 0.2s;  }
	
div.menu-footer-1-container li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer-1 li.current-page-ancestor  a { color: #EC6069;border-bottom: solid 0px #fff; transition: 0.2s;}
div.menu-footer-2-container li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer-1 li.current-page-ancestor  a { color: #EC6069;border-bottom: solid 0px #fff; transition: 0.2s;}

  /*End Site - NAV footer*/  
   

  @media only screen and (max-width: 1300px) {

    div#footer_area {
      display: grid; 
         grid-template-columns: 33% 33% 34%; 
      grid-template-rows: auto; 
      grid-column-gap: 24px;
      grid-row-gap: 24px;
  
    }
  
    .footer_copyright {
   justify-content: flex-start;
   align-content:  center;  
   order: 4; 
   }
  
  
  
  div.footer_block_logo { 
  justify-content: flex-start; 
  align-content: center; 
  order: 5;  }
}
  
  @media only screen and (max-width: 1100px) {
  
    header { height:100px;	}   

    div#header_area {
        display: grid; 
        grid-template-columns: 200px 1fr ; 
        grid-template-rows: auto; 
        grid-column-gap: 24px;
        grid-row-gap: 0px;
        width:calc(100% - 120px);
        max-width:1320px;
        padding: 0px 60px 0px 60px;
    }
    
   
div.header_nav  { display: none;} 

div.header_button { display: none;} 
div.header_kontakt  { display: none;} 
    
    }

  
  
  @media only screen and (max-width: 800px) {
   
  
      div#header_area {
          width:calc(100% - 60px);
          padding: 0px 30px 0px 30px;
      }
  
     
    
  div#footer_area {
  
      width:calc(100% - 60px);
      padding: 20px 30px 20px 30px;
          display: grid; 
             grid-template-columns: 50% 50%; 
             }
      
      
      div.footer_block_1 { 
          display: grid;
          justify-content: flex-start; 
          align-content:  flex-start; 
          padding: 15px 0 0 0 ;
          order: 1;  }
      
          div.footer_block_2 { 
              display: grid;
              justify-content: flex-start; 
              align-content:  flex-start; 
              padding: 15px 0 0 0 ;
              order: 2;  }
      
              div.footer_block_3 { 
                  display:none;
             }
      
  
  
  }


    
