/* header */

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


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

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



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

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

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


div.header_nav { display: grid; justify-content: flex-end; align-content: center;} 



/* footer */

div#footer_text {
color: #929090;
text-align: center;
padding: 20px 0 0 0;
}



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: 32% 32% 32%; 
	grid-template-rows: auto; 
    grid-column-gap: 2%;
    grid-row-gap: 0;
	width:calc(100% - 120px);
	max-width:1320px;
    padding: 20px 60px 0px 60px;
    color: #fff;
    font-size: 16px;
   	}






div.footer_block_1 { 
    display: grid;
    justify-content: flex-start; 
    align-content:  flex-start; 
    padding: 0px 0 0 0 ;
    border-right: 1px solid #fff;
}

    div.footer_block_2 { 
        display: grid;
        justify-content: center; 
        align-content:  flex-start; 
        padding: 14px 0 0 0 ;
        border-right: 1px solid #fff;
      }

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

      .footer_copyright {
        grid-column: 1/4;
        display: grid; 
        justify-content: flex-end;
        align-content:  flex-end;
        margin-top: 10px;
        margin-bottom: 0px;
        font-size: .8em;
  
        }


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: 300;
vertical-align: left;
border-bottom: solid 1px rgba(255,255,255,0.00);
padding-bottom:0px;
line-height:1.3em;
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: 900px) {

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


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


      div.footer_block_1 { 
        display: grid;
        justify-content: flex-start; 
        align-content:  flex-start; 
        padding: 0px 0 0 0 ;
        border-right: 0px solid #fff;
    }
    
        div.footer_block_2 { 
            display: grid;
            justify-content: flex-end; 
            align-content:  flex-start; 
            padding: 14px 0 0 0 ;
            border-right: 0px solid #fff;
          }
    
          div.footer_block_3 { 
            display: grid;
            justify-content: flex-start; 
            align-content:  flex-start; 
            padding: 0px 0 20px 0 ;
          }
    
          .footer_copyright {
            grid-column: 2/3;
            display: grid; 
            justify-content: flex-end;
            align-content:  flex-end;
            margin-top: -10px;
            margin-bottom: 20px;
            font-size: .8em;
            }
    
    

    
      
  
  
  }


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

  
    div#footer_area {
        grid-template-columns: 100%; 
      }


      div.footer_block_1 { 
        justify-content: flex-start; 
        align-content:  flex-start; 
        padding: 0px 0 0 0 ;
    }
    
        div.footer_block_2 { 
            justify-content: flex-start; 
            align-content:  flex-start; 
            padding: 0px 0 0 0 ;
          }
    
          div.footer_block_3 { 
            justify-content: flex-start; 
            align-content:  flex-start; 
            padding: 0px 0 20px 0 ;
          }
    
          .footer_copyright {
            grid-column: 1/2;
            justify-content: flex-end;
            align-content:  flex-end;
            margin-top: -10px;
            margin-bottom: 20px;
            }


}