/* aleo-regular - latin */
/* aleo-300 - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/aleo-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Aleo Light'), local('Aleo-Light'),
       url('../fonts/aleo-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aleo-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aleo-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aleo-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aleo-v3-latin-300.svg#Aleo') format('svg'); /* Legacy iOS */
}
/* aleo-regular - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/aleo-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Aleo Regular'), local('Aleo-Regular'),
       url('../fonts/aleo-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aleo-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aleo-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aleo-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aleo-v3-latin-regular.svg#Aleo') format('svg'); /* Legacy iOS */
}
/* aleo-italic - latin */
@font-face {
  font-family: 'Aleo';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/aleo-v3-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Aleo Italic'), local('Aleo-Italic'),
       url('../fonts/aleo-v3-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aleo-v3-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aleo-v3-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aleo-v3-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aleo-v3-latin-italic.svg#Aleo') format('svg'); /* Legacy iOS */
}
/* aleo-300italic - latin */
@font-face {
  font-family: 'Aleo';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/aleo-v3-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Aleo Light Italic'), local('Aleo-LightItalic'),
       url('../fonts/aleo-v3-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aleo-v3-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aleo-v3-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aleo-v3-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aleo-v3-latin-300italic.svg#Aleo') format('svg'); /* Legacy iOS */
}
/* aleo-700 - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/aleo-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Aleo Bold'), local('Aleo-Bold'),
       url('../fonts/aleo-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aleo-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aleo-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aleo-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aleo-v3-latin-700.svg#Aleo') format('svg'); /* Legacy iOS */
}
/* aleo-700italic - latin */
@font-face {
  font-family: 'Aleo';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/aleo-v3-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Aleo Bold Italic'), local('Aleo-BoldItalic'),
       url('../fonts/aleo-v3-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/aleo-v3-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/aleo-v3-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/aleo-v3-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/aleo-v3-latin-700italic.svg#Aleo') format('svg'); /* Legacy iOS */
}

:root { 
    font-size: calc(0.8rem + 0.4vw);
}

body {
    font-family: "Aleo", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: regular;
    color: #666;
    font-size: 1.0em;
    background: #ccc;
}
main {
    background: #fff;
    padding-top: 6rem;
    padding-bottom: 3rem;
}
.nav-link {
    font-weight: 300;
    letter-spacing: 0.025em;
}
.bg-dark { 
    background: #003366!important; 
}

.navbar-brand {
    background: url('../img/l_face_02_white.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    height: 2rem;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: transparent;
}

footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

h1, h2 {
    font-weight: regular;
    letter-spacing: 0.025rem;
    color: #555;
}
h1 {
    font-size: 2.0rem;
    margin-bottom: 3rem;
    text-align: center;
}
h2 {
    font-size: 1.25rem;
}
p, 
.text {
    font-weight: 300;
}
p {
    text-indent: 3rem;
}
img { 
    width: 100%; 
    height: auto; 
}
.image-lg {
    max-width: 550px;
    margin: auto;
    padding-bottom: 3rem;
}
.image-sm {
    max-width: 200px;
    margin: auto;
    padding-bottom: 3rem;
}
.image-xs {
    max-width: 75px;
    margin: auto;
    padding-bottom: 3rem;
}
#cardTabs {
    flex-wrap: nowrap;
}

.marginal {
    display: block;
    width: 150px;
    font-size: 10px!important;
    padding-bottom: 3rem;
    margin: auto;
    font-weight: 300;
}
.marginal2 {
    display: block;
    max-width: 200px;
    padding-bottom: 3rem;
    margin: auto;
    font-weight: 300;
}

small {
    font-weight: 300;
    font-size: 0.8rem; 
    color: #999; 
}


.btn-primary {
    color: #fff;
    background-color: #003366;
    border-color: #003366;
}

.error {
    border-color: #cc0000;
}

.page-footer {
    font-size: 0.8rem;
}

a {
    color: #036;
}