html {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    width: 100%;
    overflow: auto;
    min-height: 100%;
}

body {
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    overflow: auto;
}

.maincontainer {
    max-width: 100%;
    min-height: 100vh;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: gray;
    background-image: url(/assets/edit_placeholder_mobile.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.provinceselector {
    background-color: #fff;
    max-width: 700px;
    width: 100%;
    padding: 10px;
    margin: 40px 10px;
    display: inline;
}

section.provinceselector .container {
    padding: 0.8rem 1.2rem;
}

section.provinceselector .bkg_color {
    background-color: #00AC69;
}

section.provinceselector .container.wrap_provinceselector {
    padding: 0 1.2rem 0.8rem;
}

.wrap_provinceselector ul {
    list-style: none;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    columns: 1;
    -webkit-columns: 1;
}

.wrap_provinceselector ul li {
    line-height: 1.9em;
}

h1,
h2,
h3,
p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.3em;
}

h1,
h2,
h3 {
    font-size: 1.1rem;
}

section.provinceselector .bkg_color h1,
section.provinceselector .bkg_color h2,
section.provinceselector .bkg_color h3,
section.provinceselector .bkg_color a {
    color: #fff;
}

.choose_region {
    font-size: 1.1rem;
    margin-top: 20px;
    font-weight: 600;
}

section.provinceselector .set_region {
    text-align: center;
    cursor: pointer;
}

@media (min-width: 768px) {
    html {
        font-size: 18px;
    }
    .maincontainer {
        background-image: url('/assets/edit_placeholder_tablet.jpg');
    }
    .wrap_provinceselector ul {
        columns: 2;
        -webkit-columns: 2;
    }
}

@media (min-width: 1024px) {
    .maincontainer {
        background-image: url('/assets/edit_placeholder_desktop.jpg');
    }
}