* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    font-family: Georgia, "Times New Roman", serif;
    background:#efe3d4;
}

.hero {
    min-height:100vh;
    background-image:url("assets/hero.jpg");
    background-size:cover;
    background-position:center;
    position:relative;
    display:flex;
    align-items:center;
}

.overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(245,235,220,.82) 0%, rgba(245,235,220,.45) 42%, rgba(0,0,0,0) 70%);
}

.content {
    position:relative;
    z-index:2;
    width:50%;
    padding-left:8%;
    color:#3c2b21;
}

.logo {
    margin-bottom:30px;
}

.rv {
    font-size:80px;
    font-weight:300;
    letter-spacing:-5px;
}

.brand {
    font-size:18px;
    letter-spacing:10px;
}

.tagline {
    font-size:13px;
    letter-spacing:5px;
    margin-bottom:35px;
}

h1 {
    font-size:90px;
    line-height:.85;
    font-weight:400;
    letter-spacing:4px;
}

.description {
    margin-top:35px;
    font-size:22px;
    font-style:italic;
    max-width:400px;
}

.instagram {
    display:inline-block;
    margin-top:45px;
    padding:15px 35px;
    border:1px solid #6b5140;
    border-radius:40px;
    color:#3c2b21;
    text-decoration:none;
    letter-spacing:2px;
    font-size:14px;
}

.instagram:hover {
    background:#3c2b21;
    color:white;
}

@media(max-width:768px){
    .hero {
        background-position:65% center;
    }

    .overlay {
        background:rgba(245,235,220,.75);
    }

    .content {
        width:100%;
        padding:40px;
        text-align:center;
    }

    h1 {
        font-size:55px;
    }

    .brand {
        letter-spacing:5px;
    }
}