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

body {
    background: #050505;
    color: #f7f1e7;
    font-family: Arial, Helvetica, sans-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;
    background:#000;
    border-bottom:3px solid #926017;
}

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




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

.site-footer{
    margin:25px 30px 0;
    padding:15px;
    border-top:3px solid #926017;
    background:#000;
    color:#fff;
    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;

    }

}

.dragon-logo {
    display: block;
    width: min(340px, 78vw);
    height: auto;
}