body{
    background-color: #E8E9ED;
    font-family: Arial, Helvetica, sans-serif;
 }
 
 .contenedor{
 
     width: 100%;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: repeat(3,auto);
     grid-template-areas: "header header header"
                          "contenido contenido contenido"
                          "footer footer footer" ; 
                         
       
 } 
 
 
 .contenedor header{
     grid-area: header;
     background-color: white; 
     width: 100%;
     box-shadow: 0 0 6px rgba(0,0,0,.5);
     padding: 3px 0px;    
     /*min-height: 280px; */
     /* height: 30vh; */    
     left: 0; 
     top: 0;
     position: fixed; 
 } 
 
 .contenedor nav{
     /* grid-area: nav;  */
     height: 70px;
     width: 90%;
     margin: auto;
     overflow: hidden;
     display: flex;
     justify-content: space-between;
     align-items: center;
 
 }
 
 nav #logo{
     height: 70px;
     vertical-align: top;
 }
 
 nav a{
     text-decoration: none;
     font-weight: 300;
     color: #2C4393;
     margin-right: 10px;
 }
 
 .hamburguesa{
     height: 100%;
     width: 70px;
     text-align: center;
     display: none; 
 
 }
 
 .hamburguesa img{
     vertical-align: 0px;
     padding: 23px 0;
 }
 
 .contenedor main {
     grid-area: contenido;
     background-color: #E8E9ED;
 }
 
 .contenedor main h2{
     text-align: center;
      margin-top: 120px; 
     color: #2C4393;
 }

 .sectionClientes{
     position: relative;
     background-color: white;
     width: 100%;
     z-index: -1;
     /* width: 100%;
     height: 100%; 
     top: 50%;
    
     background-color: white;      */
 }
 
 footer{
     grid-area: footer;
     background-color: #181919 ;
     color: white;
     padding: 10px;
     text-align: center;
     /* display: flex; */
     position: fixed;
     bottom: 0;
     width: 100%;     
 }
 
        * {
		    box-sizing: border-box;
	    }

       
        ul > li {
            width: 25%;
            list-style-type: none;
            position: absolute; 
             top: 30%;
            padding: 20px;
            height: 200px; 
            opacity: 0;
            /* padding-top: 40px; */
            text-align: center;
            transition: 1s opacity; 
            background-color: white;
        }

        .active {
            opacity: 1;
        }
    
      
   
 
 /* footer div{
     width: 50%;
 } */
 
 @media screen and (max-width: 768px){
 
    ul > li {
        width: 50%;
        padding-top: 5px;
        font-size: 10px;
       
    }

    #consejoEstado{
        width: 100px;
        height: 100px;
    }

    .contenedor{

        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3,auto);
        grid-template-areas: "header header header"
                             "contenido contenido contenido"
                             "footer footer footer" ;    
    } 
    
    .contenedor header{
        grid-area: header;
        background-color: white; 
        width: 100%;
        box-shadow: 0 0 6px rgba(0,0,0,.5);
        padding: 3px 0px;    
        /*min-height: 280px; */
        /* height: 30vh; */    
        left: 0; 
        top: 0;
        position: fixed; 
    } 

    .contenedor nav{
        height: 70px; 
        width: 90%;
        margin: auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: center; 
    
    }
    /* .hamburguesa{
        height: 100%;
        width: 70px;
        text-align: center;
        display: none; 
    
    } */
    
    .hamburguesa{
        display: block;
        height: 100%;
        width: auto;
    }

    .hamburguesa img{
        vertical-align: 0px;
        /* padding: 23px 0; */
    }

    .enlaces{
        position: fixed;
        background-color: #2C4393;
        left: 0;
        top: 70px;
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-direction: column;
        transform: translateX(-100%);
        z-index: 1000;
        font-size: 20px;
    }

    .enlaces2{
        transform: translateX(0%);
    }

    .enlaces a{
        color:white;
    }

    nav #logo{
        height: 50px;
        vertical-align: top;
    }
    .contenedor main {
        grid-area: contenido;
        background-color: #E8E9ED;
    }
 
     
 
 }