#location-mapper-container {
    display: flex;
    flex-wrap: wrap;
}

#map {
    width: 60%;
    height: 400px;
}

#location-inputs {
    width: 40%;
    padding: 20px;
}

#add-location {
    width: 40%;
    text-align: center;
}

@media (orientation: portrait) {
    #map {
        width: 100%;
    }
    #location-inputs {
        width: 100%;
    }
    #add-location {
        width: 100%;
    }
}