html {
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    margin: 0;
    /* padding:0;
  font-size: 16px;
  font-size: 1rem; */
}

a {
    color: rgba(56, 71, 89, 1);
}

a:hover {
    color: #205081;
}


/*objetivo en pixeles/contexto en pixeles = ems =rem */

h1 {
    font-size: 32px;
    font-size: 2rem;
}

h2 {
    font-size: 28px;
    font-size: 1.75rem;
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
}

h4 {
    font-size: 20px;
    font-size: 1.25rem;
}

h5,
p {
    font-size: 16px;
    font-size: 1rem;
}

h6,
small {
    font-size: 12px;
    font-size: .74rem;
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block;
}

audio,
canvas,
img,
iframe,
svg,
video,
picture {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    max-width: 100%;
    height: auto;
}