html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
    background-color: #f8f9fa;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 70px;
}

.hero {
    background-color: #eb0000;
    color: #fff;
    padding: 50px 0;
    text-align: center;
}

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

.main-content .container {
    padding: 30px;
}

.btn-intrepid {
    background-color: #eb0000;
    color: #fff;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), border .2s cubic-bezier(.4, 0, .2, 1);
}

.btn-intrepid:hover {
    background-color: #c80000;
    color: #fff;
}

.btn-intrepid .icon {
    color: #fff;
    fill: #fff;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #222;
    color: #fff;
    text-align: center;
}