.seccion-footer{
    width:100%;
    max-height:400px;
}
/***************************FOOTER**************************************/
.container-footer{
    position:relative;
    background-color: #3D4543;
    padding:30px;
    width:100%;
}
.grid__footer{
    display:grid;
    justify-items: center;
    list-style: none;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    row-gap: 30px;
}
.grid__footer{
    display:grid;
    justify-items: center;
}
.grid__footer a{
    width:100%;
    display:block;
    align-items: center;
}
.item__footer:nth-child(1){
    grid-column: 1;
    grid-row: 4;
}
.item__footer:nth-child(2){
    grid-column: 1;
    grid-row: 1;
}
.item__footer:nth-child(3){
    grid-column: 1;
    grid-row: 2;
}
.item__footer:nth-child(4){
    grid-column: 1;
    grid-row: 3;
}
.item__footer a{
    font-family : LatoRegular;
    font-size : 17px;
    line-height : 26px;
    color : #9D9D9C;
    color : rgb(157, 157, 156);    
    text-decoration: none;
    padding:10px;
}
.item__footer a:hover{
    font-family : LatoRegular;
    font-size : 18px;
    color : #9D9D9C;
    color : rgb(157, 157, 156);    
    text-decoration: none;
    padding:10px;
}
.item__footer ul{
    justify-content: space-between;
    display: block;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 0 20px 0;
}
.img-menu_redes{
    padding:0 20px 0 20px;
}
@media only screen and (min-width: 768px)  and (max-width: 1023px)  {
    .seccion-footer{
        top:0px;
    }
    .grid__footer{
        display:grid;
        grid-template-columns: auto auto auto auto;
        grid-template-rows: auto;
        justify-items: center;
    }
    .item__footer:nth-child(1){
        grid-column: 1;
        grid-row: 1;
    }
    .item__footer:nth-child(2){
        grid-column: 2;
        grid-row: 1;
    }
    .item__footer:nth-child(3){
        grid-column: 3;
        grid-row: 1;
    }
    .item__footer:nth-child(4){
        grid-column: 4;
        grid-row: 1;
    }
    .item__footer a{
        font-family : LatoRegular;
        font-size : 17px;
        line-height : 26px;
        color : #9D9D9C;
        color : rgb(157, 157, 156);    
        padding:10px;
    }
    .item__footer a:hover{
        font-family : LatoRegular;
        font-size : 18px;
        color : #9D9D9C;
        color : rgb(157, 157, 156);    
        padding:10px;
    }
    .item__footer ul{
        justify-content: space-between;
        display: block;
        flex-wrap: wrap;
        list-style: none;
        padding: 0 0 20px 0;
    }
    
    .item__footer:nth-child(4) img{
        padding:20px;
    } 
}
@media only screen and (min-width: 1200px) {
    .seccion-footer{
        top:0px;
        height: 1px;    
    }
    .grid__footer{
        display:grid;        
        grid-template-columns: auto auto auto auto;
        grid-template-rows: auto;
        justify-items: center;
    }
    .img-menu_superior-desk {
        margin-right:30px;
    }
    .grid__footer a{
        width:100%;
        display:inline;
        align-items: center;
    }
    .item__footer:nth-child(1){
        grid-column: 1;
        grid-row: 1;
    }
    .item__footer:nth-child(2){
        grid-column: 2;
        grid-row: 1;
    }
    .item__footer:nth-child(3){
        grid-column: 3;
        grid-row: 1;
    }
    .item__footer:nth-child(4){
        grid-column: 4;
        grid-row: 1;
    }
    .item__footer a{
        font-family : LatoRegular;
        font-size : 17px;
        line-height : 26px;
        color : #9D9D9C;
        color : rgb(157, 157, 156);    
        padding:10px;
    }
    .item__footer a:hover{
        font-family : LatoRegular;
        font-size : 18px;
        color : #9D9D9C;
        color : rgb(157, 157, 156);    
        padding:10px;
    }
    .item__footer ul{
        justify-content: space-between;
        display: block;
        flex-wrap: wrap;
        list-style: none;
        padding: 0 0 20px 0;
    } 
    .item__footer:nth-child(4) img{
        padding:20px;
    } 
}