/* header */

header#main {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
	width: 100%;
	height:80px;
    background-color: rgba(227, 233, 236, 0);
    border-bottom: 0px solid #000;
	z-index:999;
    opacity: 1;
    top:0;
	}


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

.transparent {    background-color: rgba(227, 233, 236, 0) !important; transition: 0.2s;}
.colored {	    background-color: rgba(227, 233, 236, 1)!important; transition: 0.2s;}



div#logo {
    padding-bottom: 0px; 
    margin-top:0px; 
    align-content: center;
    font-size:40px;
line-height: 40px;
color: #f3f7f9;
 }

div#logo p {margin: 0; padding: 0;}

header a { color: #00011a;  text-decoration: none;   }
header a:hover { color: #00011a;  text-decoration: none;   }

div#logo.color_2 a { color: #f3f7f9;  text-decoration: none;   }
div#logo.color_1 a { color: #00011a;  text-decoration: none;   }




/* footer */

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


div#footer_area {
	display: grid; 
       grid-template-columns: 30% 30% 30% 10%; 
	grid-template-rows: auto; 
    grid-column-gap: 0px;
    grid-row-gap: 0px;
	width:calc(100% - 120px);
	max-width:1320px;
    padding: 20px 60px 20px 60px;
    color: #00011a;
    font-size: 16px;
    font-weight: 300;
   	}



       .footer_copyright {
        display: grid; 
     justify-content: flex-start;
     align-content:  flex-start;
     order: 1; 
     }



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

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

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


        div.footer_block_3 img {width: 30px; height: auto; padding-bottom: 10px;}







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

 
 
 
/*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: #00011a;
text-decoration: none;
font-weight: 300;
vertical-align: left;
border-bottom: solid 0px rgba(255,255,255,0.00);
padding-bottom:0px;
line-height:1.3em;
transition: 0.2s;
}

div.footer_block_2 li a:hover  { color:#123274; border-bottom: solid 0px #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:#123274; border-bottom: solid 0px #fff; transition: 0.2s;  }

  /*End Site - NAV footer*/  
   

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


}
  
  @media only screen and (max-width: 900px) {
 
    div#footer_area {
           grid-template-columns: 100%; 
           }

           .footer_copyright {
            display: grid; 
         justify-content: flex-end;
         align-content:  flex-start;
         order: 4; 
         }
    
    
    
    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:  flex-start;  
            align-content:  flex-start;  
            padding: 0px 0 0 0 ;
            order: 2;  }
    
            div.footer_block_3 { 
                display: grid;
                justify-content:  flex-start;  
                align-content:  flex-start;  
                order: 3;
                padding: 10px 0 0 0 ;
               }  
    



}

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


    div#header_area {
        display: grid; 
        grid-template-columns: 250px 1fr ; 
        width:calc(100% - 40px);
        padding: 0px 20px 0px 20px;
    }
    
    
    div#logo {
        padding-bottom: 0px; 
        margin-top:0px; 
        align-content: center;
        font-size:20px;
    line-height: 20px;
     }


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


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

  


}