html {
    font-size: 14px;
    background-color: #151515;
}

h1 {
    font-family: 'Bebas Neue';
    color: #1cbbb4;
}

.hero {
    overflow:hidden;
    /*background-image:url("../img/dherrbg.webp");*/
}

.dave {
    right: -50px;
    position:relative;
}

.hero-text{
    position:absolute;
    z-index:2;
    top:210px;
    left:25px;
}

.herosub {
    color: #1cbbb4;
    font-family: 'Oxygen Mono', monospace;
    font-size:15pt;
}

.hero h1{
    color:#f7b05d;
    font-size:50pt;
    margin-bottom: -20px;
}

.alt{
    background-color:#f9f9f9;
}

.alt2{
    background-color:#e7e7e7;
}

.contactForm {
    background-color: #151515;
    color:#ffffff;
}

.btn-primary {
    background-color: #1cbbb4;    
    border-color: #0d6efd;
}

@media (min-width: 390px) {
    .hero-text {
        top: 260px;
        left: 25px;
    }
}

@media (min-width: 768px) {
    .dave {
        right:0px;
        height: 840px;
    }

    .hero-text {
        top: 280px;
        left: 40px;
    }

    .herosub {
        font-size: 21pt;
    }

    .hero h1 {
        font-size: 70pt;
        margin-bottom: -30px;
    }
}

@media (min-width: 1024px) {
    .hero {
        background-image: url("../img/dherrbg.webp");
        height: 840px;
    }
    .hero-text {
        top: 200px;
        left: 50px;
    }

    .herosub {
        font-size: 16pt;
        float:right;
    }

    .hero h1 {
        font-size: 110pt;
        margin-bottom: -45px;
    }
}

@media (min-width: 1280px) {
    html{
        font-size:18px;
    }
    .dave {
        right: 0px;
    }
}

@media (min-width: 1440px) {
    .hero-text {
        top: 200px;
        left: 150px;
    }

    .herosub {
        font-size: 20pt;
        float: right;
    }

    .hero h1 {
        font-size: 138pt;
        margin-bottom: -55px;
    }
}

@media (min-width: 1920px) {
    .dave {
        right: 0px;
        height:1020px;
    }

    .hero {
        height: 1020px;
    }

    .hero-text {
        top: 200px;
        left: 250px;
    }

    .herosub {
        font-size: 29pt;
        float: right;
    }

    .hero h1 {
        font-size: 200pt;
        margin-bottom: -75px;
    }
}

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

body {
    margin-bottom: 60px;
    background-color: #151515;
}