@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

body {
    font-family: 'Exo', sans-serif !important;
    line-height: 1.8rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Russo One', sans-serif !important;
    font-weight: 400 !important;

}

.header-info {
    background: url(https://apihoard.webit.com/api/v1/Image/3B68B523CE9662B179ECF3D0B16DA7F0/3B68B523CE9662B179ECF3D0B16DA7F0.jpg?size=1920x1440);
    background-size: cover;
    background-position: top center;

}

.header .navbar {
    border-top: 5px solid var(--color-theme-secondary);
    border-bottom: 5px solid var(--color-theme-secondary);
}

a.nav-link {
    font-family: 'Exo', sans-serif !important;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.title-heading {
    color: var(--color-theme-primary);
}

.wb__social {
    top: 100px;
    right: 0px;
    position: fixed;
    z-index: 1000;
}

/*=============== HOME PAGE ===============*/
.wb__homepage-welcome {
    background: #F5F6F7;
}

.wb__homepage-services {
    background: url(https://apihoard.webit.com/api/v1/Image/182FE323E31D0EE8B8C42CF01C8B83C4/182FE323E31D0EE8B8C42CF01C8B83C4.jpg?size=1920x1440);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.wb__btn-custom {
    padding: 20px 0;
    text-align: center;
    font-family: 'Russo One', sans-serif;
    font-size: 24px;
    letter-spacing: 2px;
    color: #fff;
    background: #790000;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #c90000), color-stop(100%, #790000));
    background: -webkit-gradient(linear, left top, left bottom, #c90000), to(#790000));
    background: linear-gradient(to bottom, #c90000 0%, #790000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#790000', GradientType=0);
}

.page-home h1 {
    font-size: 1.3rem !important;
}

/*=============== CHECKLIST ===============*/
.wb__checklist li {
    padding: .25em;
}

.wb__checklist li::before {
    font-family: fontawesome;
    content: "\f14a";
    margin-right: 5px;
    color: var(--color-theme-primary);
}

.page-home .wb__checklist {
    font-size: 1.6rem;
}

/*=============== FOOTER ===============*/
.wb__footer-map {
    border-top: 5px solid var(--color-theme-secondary);
}

/*-- Extra small devices (portrait phones, less than 576px)--*/
@media (max-width: 575.98px) {
    .header-info {
        height: 250px;
    }
}

/*-- Small devices (landscape phones, 576px and up) --*/
@media (min-width: 576px) {
    .header-info {
        height: 350px;
    }
}

/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) {
    .header-info {
        height: 400px;
    }
}

/*-- Large devices (desktops, 992px and up) --*/
@media (min-width: 992px) {
    .header-info {
        height: 600px;
    }

    .wb__checklist.wb__columns {
        column-count: 3;
    }
}
