html,
body {
    height: 100%;
    margin: 0;
}

body {
    background: #f5f5ef;
    color: #111;
    font-family: "Avenir Next", Futura, Arial, sans-serif;
}

.page-wrapper{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.page-content{
    flex:1;
}

/***********
 HEADER
************/

.site-header{
    width:100%;
    min-height:260px;
    box-sizing:border-box;
    background-color:#333;
    background-size:cover;
    background-position:center 52%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:25px 15px;
}

.header-logos{
    display:flex;
    align-items:center;
    gap:45px;
}


.logo-michelin{
    height: auto;
    display: block;
}

.logo-romina{
    display: block;
    width: min(440px, 78vw);
    max-width: 100%;
    height: auto;
}

/***********
 FOOTER
************/

.site-footer{
    color: #f5f5ef;
    background: #ce202f;
    margin:0;
    padding:28px 15px;
    border-top:0;
    text-align:center;
}

.footer-title{
    font-size:13px;
}

.footer-line{
    font-size:13px;
}

/* Responsive del layout */

@media (max-width:768px){

    .site-header{

        padding:20px;

    }

    .header-logos{

        flex-direction:column;

        gap:15px;

    }

    .site-footer{

        margin:0;

    }

}