@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@700&display=swap');
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4 {
    font-family: 'Ubuntu Mono', monospace;
}

.header {
    color: white;
}

.bg-home {
    background-image: url(../img/bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 42rem;
}

.bg-overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.header h1 {
    font-size: 3.5rem;
}

.header h4 {
    font-size: 2.5rem;
}

/* .btn-danger {
    border-radius: 0;
    background-color: #660708;
    border-color: #660708;
    transition: all ease .7s;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:focus-within {
    border-radius: 0;
    background-color: #fff!important;
    border-color: #fff!important;
    color: #161A1D!important;
    transition: all ease .7s;
    box-shadow: none !important
} */

.features {
    padding: 80px 0;
    background-color: #F5F3F4;
}

.features .icons {
    margin-top: 4rem;
}

.features .icon-doc::before {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    background-color: #BA181B;
    padding: 3rem;
    border-radius: 5rem;
    font-size: 3rem;
    color: white;
}

.features .icon-clock::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    background-color: #BA181B;
    padding: 3rem;
    border-radius: 5rem;
    font-size: 3rem;
    color: white;
}

.features .icon-user-check::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    background-color: #BA181B;
    padding: 3rem;
    border-radius: 5rem;
    font-size: 3rem;
    color: white;
}

.text-icon{
    margin-top: 3rem;
    font-weight: bold
}

.features h1 {
    font-size: 3rem;
}

footer {
    padding: 25px 0;
    background-color: #BA181B;
    color: white;
}

footer a{
    color: white;
}

@media(max-width: 768px) {
    .bg-home {
        height: 62rem;
    }
    .iframe {
        margin-top: -18rem;
    }
    .header h1 {
        font-size: 3.5rem;
    }
    .header h4 {
        font-size: 2.5rem;
    }
    .features h1 {
        font-size: 2.5rem;
    }
}