html {
    font-size: 18px !important;
}
body {
    color: #000000 !important;
    font-family: 'Roboto';
    font-size: 18px !important;
    font-style: normal;
    margin-top: 0;
}

a {
    color: #000000;
}
a:focus,
a:active,
a:hover {
    color: #003041;
    outline-offset: 4px !important;
    outline: 2px solid #003041 !important;
    text-decoration: none !important;
}

/* ==============
START FONT FAMILY
============== */
.font-roboto {
    font-family: 'Roboto' !important;
}
.font-martel {
    font-family: 'Martel' !important;
}
.font-pt-sans {
    font-family: "PT Sans" !important;
}
/* ============
END FONT FAMILY
============ */

/* =============
START FONT COLOR
============= */
.font-scjn-color {
    color: #003041;
}
.font-a99fc9-color {
    color: #a99fc9;
}
/* =============
START FONT COLOR
============= */

/* ============
START FONT SIZE
============ */
.font-1-size {
    font-size: 1em;
}
.font-1-5-size {
    font-size: 1.5em;
}
.font-2-size {
    font-size: 2em;
}
.font-2-5-size {
    font-size: 2.5em;
}
.font-3-size {
    font-size: 3em;
}
.font-3-5-size {
    font-size: 3.5em;
}
.font-4-size {
    font-size: 4em;
}
.font-4-5-size {
    font-size: 4.5em;
}
.font-5-size {
    font-size: 5em;
}
.font-5-5-size {
    font-size: 5.5em;
}
.font-6-size {
    font-size: 6em;
}
.font-6-5-size {
    font-size: 6.5em;
}
.font-7-size {
    font-size: 7em;
}
/* ==========
END FONT SIZE
========== */

/* ========
START FORMS
======== */
button.btn {
    font-size: 1em;
}
button.btn-default {
    color: #FFFFFF;
}

.select-wrapper:after {
    color: #003041;
}
/* ======
END FORMS
====== */

/* =====
START HR
===== */
hr {
    border-top: 1px solid #4D4D4D;
}
/* ===
END HR
=== */

/* ==========
START HEADERS
========== */

h1 {
    color: #003041;
    font-family: 'Roboto';
    font-size: 36px;;
    font-weight: 700;
    font-style: normal;
}
h2 {
    color: #003041;
    font-family: 'Roboto';
    font-size: 27px;
    font-weight: 700;
    font-style: normal;
}
h3 {
    color: #003041;
    font-family: 'Roboto';
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
}
h4 {
    color: #003041;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
}
h5 {
    color: #003041;
    font-family: 'Roboto';
    font-size: 18;
    font-style: normal;
    font-weight: 700;
}
h6 {
    color: #003041;
    font-family: 'Roboto';
    font-size: 16;
    font-style: normal;
    font-weight: 700;
}

p {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500px;
}
/* ========
END HEADERS
======== */

/* Corrección de fuentes para */
@media (max-width: 575.9px) {
  h1 {
    font-size: 30px
  }
  h2 {
    font-size: 25px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
}


/* div#main {
    margin-bottom: 150px;
} */

@media (max-width:767.9px) {
    .visible-xs {
        display: block !important
    } 
}