@font-face {
    font-family: "Gabarito";
    src: url("/fonts/Gabarito-Regular.woff2") format("woff2"),
    url("/fonts/Gabarito-Regular.woff") format("woff"),
    url("/fonts/Gabarito-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Gabarito";
    src: url("/fonts/Gabarito-Bold.woff2") format("woff2"),
    url("/fonts/Gabarito-Bold.woff") format("woff"),
    url("/fonts/Gabarito-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

html {
    scroll-padding-top: 90px;
}

body {
    padding-top: 100px;
}

body, body * {
    color: #424242;
    font-family: Gabarito, serif;
}

h1 {
    font-weight: bold;
}

h2 {
    font-weight: bold;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

.btn-scroll-to-top {
    background-color: #28a5ed;
    transition: 0.3s;
}

.btn-scroll-to-top:hover {
    background-color: #ed8e28;
}

#scrollToTop {
    z-index: 1000;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 0;
}

@media (max-width: 992px) {
    .custom-404-img {
        width: 50%;
    }
}