@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Lato-Regular.ttf");
}

@font-face {
    font-family: "Lato-L";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Lato-Light.ttf");
}

@font-face {
    font-family: "Opt-Pri";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/OptimusPrinceps.ttf");
}

body {
    font-family: "Lato", arial, sans-serif;
    font-size: 1.1167rem;
    color: #444;
    list-style-type: circle;
    margin: 0 auto;
    padding: 0;
    min-width: 100%;
    min-width: 385px;
    background-color: #fff;
}


ul {
    line-height: 12pt;
}

li {
    font-size: 10pt;
    font-weight: normal;
}

h1 {
    font-size: 20pt;
    color: #2295C5;
    font-weight: normal;
    margin-bottom: 16px;
    font-family: "Lato-L";
}

h2 {
    font-size: 14pt;
    color: #262626;
    font-weight: normal;
    margin-bottom: 16px;
}

h2 a {
    font-weight: normal;
}

h3 {
    font-size: 12pt;
    color: #999;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 6px;
    font-family: "Lato-L";
}

a {
    color: #408ea0;
    color: #265d73;
    color: rgba(38, 93, 115, 1.0);
    font-weightx: bold;
    outline: none;
    text-decoration: none;
}


a:hover {
    text-decoration: none;
    color: #373022;
}

p {
    margin: 0px auto;
    padding: 0;
}

.header {
    font-size: 16pt;
    color: #2295C5;
    margin-bottom: 4px;
    font-family: "Lato-L";
}

.subheader {
    font-size: 12pt;
    color: #2295C5;
    font-family: "Lato-L";
    padding-bottom: 2px;
}

.container-inner {
    margin: 5%;
    max-width: 1000px;
}

.logo {
    text-align: center;
}

.logo img {
    width: 100%;
    height: auto;
    max-width: 540px;
}

.box {
    text-align: center;
    background-color: #77c4d6;
    color: #265d73;
    padding: 5%;
}




/* */