* {
    box-sizing: border-box;
}

body {
    background-color: #EFF2F3;
    margin: 0;
}

#page {
    max-width: 300mm;
    width: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;

    background-color: #82816D;

    border-left-style: solid;
    border-left-width: 0.4mm;
    border-left-color: black;

    border-right-style: solid;
    border-right-width: 0.4mm;
    border-right-color: black;

    border-top-left-radius: 10mm;
    border-top-right-radius: 10mm;
    overflow: hidden;
}

#page_wrapper {
    float: left;
    width: 80%;

    border-top-left-radius: 6mm;

    background-color: #A3DB59;
}

#page_mayor {
    margin-right: 3.15%;
    padding: 5mm;

    border-top-style: solid;
    border-top-width: 0.4mm;
    border-top-color: black;

    border-left-style: solid;
    border-left-width: 0.4mm;
    border-left-color: black;

    border-right-style: solid;
    border-right-width: 0.4mm;
    border-right-color: black;

    border-top-left-radius: 6mm;
    border-top-right-radius: 6mm;

    background-color: #EFF2F3;

    min-height: 150mm;

    overflow: auto;
}

#c_legal-inf {
    width: 100%;
    height: 50mm;

    clear: both;

    background-color: #023436;
    color: #EFF2F3;

    position: relative;
}

#c_legal-inf h5 {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 5mm;
}