/* header */

header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
	width: 100%;
	height:72px;
	background: linear-gradient(97deg, #f9f9f9 35.01%, #cccdce 92.1%);
	z-index:999;
	}


div#header_area {
	display: grid; 
    grid-template-columns: 350px 1fr; 
	grid-template-rows: auto; 
    grid-column-gap: 24px;
    grid-row-gap: 0px;
	width:calc(100% - 80px);
	max-width:1440px;
    padding: 0px 40px 0px 40px;
}


div.logo {padding-bottom: 0px; margin-top:0px; align-content: center;  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
font-size: 40px;
color: #5f626a; 
}

div.logo img { width:100% !important; height:auto !important; border:0; }div.logo p {margin: 0; padding: 0;}	


div.header_navigation {display: grid; grid-column: 5 / 13; justify-content: flex-start; align-content: center;}
 
 
nav.header {border: 0px solid #fff; border-radius: 0; padding: 0px 0px 0px 0px; margin: 0 -20px 0 0; }





/* footer */

footer {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	height:auto;
	background: #5f646a;
    font-size: 16px;
    line-height: 19px;
}


div#footer_area {
	display: grid; 
    grid-template-columns: 50% 50%; 
	grid-template-rows: auto; 
    grid-column-gap: 24px;
    grid-row-gap: 0px;
	width:calc(100% - 80px);
	max-width:1440px;
    padding: 30px 40px 20px 40px;
    color: #fff;
   	}

	

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

.footer_block_2 img {max-width: 300px !important; width:100% !important;}

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


.footer_copyright {display: grid; grid-column: 1 / 3;  justify-content: flex-end; font-size: 12px;  order: 3; padding: 20px 0 00px 0; }


 footer a { color: #fff; transition: 0.2s; text-decoration: none;  }
footer a:hover { color: #e2e2e3;  transition: 0.2s;  } 


nav#footer {   }
 
 
 
   

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

 header {height:60px;}


div#header_area {
    grid-template-columns: 100%; 
	width:calc(100% - 40px);
	padding: 0px 20px 0px 20px;
}

 
    
    nav.header  {display: none;}  
    
div.logo {
align-content: center; font-size: 25px;}


div#footer_area {
		width:calc(100% - 40px);
    padding: 30px 20px 20px 20px;
        grid-column-gap: 0px;
   	}
       
    
}


@media only screen and (max-width: 800px) {
 
    
    
.footer_block_2 { 
grid-column: 1 / 3;
    order: 1; padding: 15px 0px 0 0;  }

.footer_block_3 { 
grid-column: 1 / 3; 
    order: 2; padding: 0px 0px 0px 0;  }


.footer_copyright {display: grid; grid-column: 1 / 3;  justify-content: flex-end; font-size: 12px;  order: 3; padding: 20px 0 0px 20px; }

    
}