/* header */

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


div#header_area {
	display: grid; 
    grid-template-columns: 90px 1fr auto ; 
	grid-template-rows: auto; 
    grid-column-gap: 24px;
    grid-row-gap: 0px;
	width:calc(100% - 120px);
	max-width:1320px;
    color: #880200;
    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; }


header a { color: #880200; transition: 0.2s; text-decoration: underline;    margin-left: 0px;      }
header a:hover { color: #d34846; transition: 0.2s; text-decoration: underline;  }    

/* footer */

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


div#footer_area {
	display: grid; 
       grid-template-columns: 200px 1fr 150px; 
	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: 0px 0 0 0 ;
    order: 1; 
}

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

        div.footer_block_3 { 
            display: grid;
            justify-content: flex-end; 
            align-content:  flex-start;  
            order: 3;
            padding: 15px 0 0 0 ;
           }  


        div.footer_block_3 img {width: 100%; height: auto; max-width: 150px !important; padding-bottom: 10px;}

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







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

 
 
 
/*Site - NAV footer */  


  
div.footer_block_2 ul   {
margin:0px;
padding:0px;
margin-top:0px;
margin-left:0px;
}


div.footer_block_2 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.footer_block_2 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.4em;
transition: 0.2s;
}

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

  /*End Site - NAV footer*/  
   

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


}
  
  @media only screen and (max-width: 1100px) {
  
    header#main { height:80px;	}   

    div#header_area {
        display: grid; 
        grid-template-columns: 60px 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_kontakt  { display: none;} 
    
    }

  
    @media only screen and (max-width: 800px) {
  
    
        
       
    div.header_nav  { display: none;} 
    
        
        }

  
  @media only screen and (max-width: 800px) {
   
  
      div#header_area {
          width:calc(100% - 60px);
          padding: 0px 30px 0px 30px;
      }
  
     
    
      div#footer_area {
           grid-template-columns: 200px 1fr 100px; }
      
  
  
  }


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

  
    div.footer_block_1 {    grid-column: 1 / 4;     justify-content: flex-start; 
        align-content:  flex-start;     }
    div.footer_block_2 {    grid-column: 1 / 4;    justify-content: flex-start; 
        align-content:  flex-start;   }
    div.footer_block_3 {    grid-column: 1 / 4;    justify-content: flex-start; 
        align-content:  flex-start;     }

}