@font-face {
    font-family: 'Signika';
    src: url(../fonts/vEFU2_JTCgwQ5ejvE-oDE3dJamIe2tI.woff2);
}
@font-face {
    font-family: 'Madefor display';
    src: url(../fonts/madefor-display.var.original.woff2);
}
@font-face {
    font-family: 'Helvetica';
    src: url(../fonts/helvetica-w01-light.woff2);
}
html, body{
    font-family: 'Madefor display';
    font-size: 17px;
}
a{
    text-decoration: none;
}
.container{
    max-width: 1277px;
}
.btn{
    text-decoration: none;
    color: #ffffff;
    padding: 12px 37px;
    background-color: #000000;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s, border-color .4s ease 0s,background-color .4s ease 0s;
    border-radius: 25px;
    border: none;
    font-family: 'Signika';
}
.btn:hover{
    background-color: #0087f6;
    color: #ffffff;
}
footer{
    background-color:rgb(6, 41, 22);
    color: #ffffff;
}
footer p {
    font-size: 13px;
    color: #ffffff;
}
footer h5{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
.copyright{
    font-size: 12.8px;
    text-transform: uppercase;
}
.copyright a{
    font-size: 12.8px;
    text-transform: uppercase;
    color: #ffffff;
}
.copyright ul{
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}
.copyright ul li{
    list-style: none;
}
hr{
    border-top: 2px solid;
    opacity: 1;
}
.container-sm{
    max-width: 980px;
}
h1, h2, h3, h4{
    font-family: 'Signika';
}