html,
body {
    width: 100%;
    height: 100%;
    margin: 2vh 0;
    padding: 0 8vw;
    box-sizing: border-box;
    font-family: sans-serif;
}

h3 {
    color: #2b2a33;
}

#map {
    width: 100%;
    height: 80vh;
}

svg {
    margin: 0 0 0 5px;
}

fieldset img {
    height: 50px;
    width: 50px;
}

a:hover {
    text-decoration: none;
}

button {
    margin-bottom: 20px;
    padding: 10px 100px;
    cursor: pointer;
    transition: background-color 0.1s ease;
    background-color: #f0f0f0;
    color: black;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: none;
}

button:hover {
    background-color: #dbdbdb;
}

fieldset {
    background-color: #f9f9fb;
    padding: 15px;
    border-radius: 10px;
    margin-top: 2vh;
    border-width: 0cap;
}

input {
    margin-bottom: 10px;
}

@media (max-width: 1100px) {

    html,
    body {
        padding: 0 2vw;
        margin: 3vh 0;
    }

    label {
        display: block;
        line-height: 2;
    }

    p {
        line-height: 2;
    }
    
    #map {
        height: 40vh;
    }

    fieldset p {
        margin-top: 1.4vh;
        margin-bottom: 0.1vh;
    }

    input {
        margin-top: 0.8vh;
    }
    
    button {
        padding: 1vh 10vw;
    }
}