html, body {
    background-color: #003041;
    color: #ede0cc;
    font-family: "new-spirit", serif;
font-weight: 400;
font-style: normal;
font-size: 1.1rem;
}
.naranja {
    color: #f26921;
}
.bg-naranja {
    background-color: #f26921;
}
.chipre {
    color: #003041;
}
.bg-chipre {
    background-color: #003041;
}
.arena {
    color: #ede0cc;
}
.bg-arena {
    background-color: #ede0cc;
}



.dotted-hr {
    border: none;
    border-top: 6px dotted #fff;
    width: 100%;
    margin: 20px 0;
}

.title1 {
    font-family: "calder-dark-grit", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #f26921;
    font-size: 1.8rem;
    letter-spacing: -1px;
}
.title2 {
    font-family: "calder-dark-grit", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ede0cc;
    font-size: 1.4rem;
    letter-spacing: -1px;
}
.title3 {
    font-family: "new-spirit", serif;
font-weight: 700;
font-style: normal;
    color: #f26921;
    font-size: 1.9rem;
}
.title4 {
    font-family: "new-spirit", serif;
    font-weight: 500;
    font-style: normal;
    color: #ede0cc;
    font-size: 1.1rem;
}


.title4 {
    font-family: "new-spirit", serif;
    font-weight: 500;
    font-style: normal;
    color: #ede0cc;
    font-size: 1.1rem;
}

a.title4 {
    color: #003041;
    text-decoration: none;
}

a.title4:hover {
    color: #ede0cc;
    text-decoration: underline;
}

@media screen and (min-width: 992px){
    .logo-footer {
        width: 75%;
        height: auto;
    }    
}