body {
    font-family: Raleway;
    width: 99vw;
    height: 98vh;
    background: url(../img/hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color:#23301a;
    overflow:hidden;
  
}

a {color:#e99f43;text-decoration:none}
a:hover {color:#ff5f20}

div.herotext {color:white;background-color: #23301ac9;box-sizing: border-box;padding: 30px;position: absolute;bottom: 20px;right: 20px;}
div.herotext h1 {margin:0;padding:0;font-size:4rem;text-align: right;color: #eedeb9;}
div.herotext p {font-size:3rem;margin:0;text-align:right;font-family: poppins;color: #e99f43;}

@media (max-width: 840px) {
    div.herotext {bottom:10px;right:0px}
    div.herotext h1 {font-size:3rem}
    div.herotext p {font-size:1.5rem}
}

@media (max-width: 430px) {
    body {background-position-x: -350px;background-position-y:-150px}
    div.herotext {bottom:0px;right:0px;background-color:#23301a;}
    div.herotext h1 {font-size:3rem;line-height:45px;margin-bottom:10px}
    div.herotext p {font-size:1.6rem}
}