/*HTML*/
html{
    margin:0 auto;
}
/*MENU*/
.Logo{
    height:100%;
    width:auto;
}
.Logo img{
    /*max-width:280px*/
}
/*BODY*/
body{
    margin:0 auto;
   
}
/*HEADER*/
header{
    height:auto;
    width:100%;
    text-align:left;
    border-bottom:1px solid;
    margin-bottom:3%;
    padding:2%;
    border-radius:3px;
}
/*BANNER*/
.banner{
    width:100%;
    height:auto;
}
.margenCarousel{
    width:100%;height:80px
}
.titulo{
    position:absolute;
    top:40%;
    font-size:3.2rem;
}

/*SECTION*/
section{
    margin:15%;
    width:70%;
    height:100%;
    margin-top:3%;
    margin-bottom:3%;
    border-radius:4px;
    padding:2%;
   
    
}
/*ARTICLE*/
article{
    width:100%;
    min-height:500px;
    height:100%; 
    text-align:justify;
   border-radius:3px;
}
article p .img{
    margin:2% !important;
}
/*FOOTER*/
footer{
    width:100%;
    height:auto;
    min-height:200px;
    background-color:#5887a4;
 
}
@media (max-width:1200px) {
        .margenCarousel{
    width:100%;height:40px
}
}
@media (max-width:900px){

    .banner{
        min-height:220px;
        margin:0 auto;
        position:relative;
        object-fit: cover;
        object-position:center;
    }
    .margenCarousel{
    width:100%;height:0px;
    padding-top:-25px;
    margin-top:5px;
}
    section{
    margin:0%;
    width:100%;
    padding:2%;
    height:100%;
    padding-top:5%;
    padding-bottom:5%;
}
    h1{
        text-align:center !important;
    }
}
@media (max-width:500px){
        .titulo {
        font-size:2.8rem;
    }
}