*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth; /* para hacer lenta la transición del scroll*/
    background-color: none;
    /* margin: 0px; */  
    }

/*header + menu + mediaquery*/


/* lo que va en el seccion*/
section { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    background: #666666;
    background: white;
    /* height: 100vh;  */
}

section h2, li {
    font-family: 'Montserrat', sans-serif;  
    color:#0B57D0;
    color: #1F1F1F; /* color titulo infobae*/
    margin: 10px;
    /* margin: 3px 20px;  */
}

section h4 {
    /* font-family:'Anton', sans-serif; */
    /* font-family:'Dancing Script', cursive; */
    font-family: 'Righteous', cursive;
    font-family:Arial, Helvetica, sans-serif;
    color: #5B83BA;
    color: #005DA9;
    color: #666666;
    color: rgb(33, 77, 179);
    margin: 10px;
    
    /* margin: 20px;      */
    /* font-size: 25px; */
}

section p{
    /* margin: 0 30px 20px;  */
    margin: 20px;
    /* el del medio es margen de izquiera y derecha*/
    font-size: 20px; /* 18px se considera normal para p */
    text-align:justify;
    /* text-indent: 70px; */
}

.banner-imagen{
    text-align:center;
    /* Simplemente deberías de asignarle la propiedad text-align: center a tu contenedor para que centre el enlace,  
    ya que este es un elemento inline*/

}


/* lo que va en articles*/

article{
    width: 40%;
    background: white;
    /* justify-content: center; */
}

div{
    display:flex;
    justify-content: center;
    align-items: center;
}

.img-articulo{
    width: 100%;
}

figcaption{
    /* color: red; */
    text-align: center;
}


/* lo que esta dentro del footer (bien abajo)*/

footer{
    /* background-color: rgb(4, 4, 58); */
    /* background-color:#003F8E; */
    /* display:block; */
    /* vertical-align: bottom; */
    /* abajo va estilo3*/
    background: #5B83BA;    
    text-align: center; /* como en footer*/ 
    /* justify-content: space-between; */
    /* vertical-align: middle; */
    /* justify-content: center; */
    
}
footer a{
    margin:5px;
    text-decoration: none;
    color:rgb(255, 255, 255);
}

footer a:hover{
    color: yellow;
}

.footer-fondo{
    background:#005DA9; /*azul peronista*/;
    color:black;
}

/* tamaños de pantalla*/
@media (max-width:768px){
    

    article{
        width: 100%;
    }
    .img-articulo{
        width: 100%;
    }
    .banner-imagen{
        width: 100%;
       }

    
}