body {
    background: #7e994b;
}

a {
    color: #fff;
    text-decoration: underline;
}

.container {
    max-width: 100%;
    padding: 0;
}

.header-img {
    width: 100vw;
}

.logo-img {
    width: 20vw;
    position: absolute;
    top: 5vw;
    left: 5vw;
}

.hiker-img {
    height: 50vw;
    width: auto;
    position: absolute;
    right: 10vw;
    top: 2vw;
}

.message {
    background: #a2c037;
    color: #fff;
    padding: 20px 20px 0 20px;
    text-align: center;
    max-width: 50vw;
    position: absolute;
    top: 15vw;
    left: 5vw;
}

@media (max-width:767px) {
    .message {
        top: 60vw;
        left: 0vw;
        max-width: 100vw;
        margin: 10px;
    }
}

.footer {
    text-align: right;
}