html,body
{
    width:100%;
    height:100%;
    border:0;
    margin:0px;
    padding:0px;

}
*{
    margin-top:0;
}
a{
    margin:0;
    padding:0;
}
header,footer{
    padding:0;
    margin:0;
    border: 0;
    min-height: 12.5%;
   
   
    
    background-color:rgb(50, 139, 180)
}
footer{
    padding-bottom:40px;
    padding-top:30px;
}
.bordesPagina{
    position:relative;
    margin-left: 20%;
    margin-right: 20%;
}

article{
    display: inline-block;
    margin:0;
    padding:0;
    padding-top:12px;
    padding-bottom:12px;
    /*min-height: 500px;*/
    width: 100%;
    background-color: rgb(199, 220, 230);

}

h1{

    text-align: center;
}



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



.bordesPagina{
    margin-left: 4%;
    margin-right: 4%;
}


}