@font-face {
    font-family: 'Brela';
    src: url('../fonts/Brela.woff2') format('woff2'),
        url('../fonts/Brela.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    font-family: 'Brela', 'Times New Roman', Times, serif;
    color: #454545;
}
.logo{
    margin: 0 auto;
    max-width: 300px;
}
.bloquegris{
    background-color: #ededed;
    padding: 2rem 0;
    margin-bottom: 1rem;
}
.bloqueblanco{
    padding: 1rem 0;
}
.nopadding{
    padding-right: 0;
    padding-left: 0;
}
.header{
    padding: .3rem 1.5rem;
    text-transform: uppercase;
    background-color: #81eb97;
    margin-bottom: .5rem;
}
.header-2{
    padding: .3rem 1.5rem;
    text-transform: uppercase;
    margin-bottom: .5rem;    
    color:#81eb97
}
.content {
    padding: 0 1rem;
}
.content ul.bulleted-list{
    list-style:none;
    padding-left:0.625rem;
}
.content ul.bulleted-list li::before{
    content: '\25A0';
    color:#81eb97; 
    font-size: 0.625rem;   
    vertical-align:middle;
    padding-right:0.313rem;
}
.content ul.bulleted-list li{
    color:#454545;
    list-style-type: none;    
    margin: 1rem 0;
    text-indent: -1em;
}
.content ul.non-bulleted-list{
    list-style:none;
    padding-left:0.5rem;
}
.content a{
    color:#666666;
}
.non-header-column{
    margin-top:40px;
}
.separator{
    border-bottom:solid 1px #aaaaaa;
    width:100%;
}
.bloquegrispie{
    background-color: #ededed;
    padding: 0;
}
.bloqueverdepie{
    background-color: #81eb97;
    padding: 1rem 0;
}
@media (min-width: 768px) {


}