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

body {
    background: #fff;
    color: #111;
    font-family: Georgia, "Times New Roman", serif;
}

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

.page-content{
    flex:1;
}

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

.site-header{
    width:100%;
    min-height:120px;
    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;
}

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

.site-footer{
    margin:25px 30px 0;
    padding:15px;
    border-top:5px solid #888;
    text-align:center;
}

.footer-title{
    text-transform:uppercase;
    font-size:15px;
}

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

/* Responsive del layout */

@media (max-width:768px){

    .site-header{

        padding:20px;

    }

    .header-logos{

        flex-direction:column;

        gap:15px;

    }

    .site-footer{

        margin:15px;

    }

}