@charset "utf-8";

#regionSelect_wrapper {
    width: 1000px;
    text-align: center;
    margin: 16px auto;
}
#regionSelect_wrapper select {
    width: 30%;
    min-width: 300px;
    font-size: 16px;
    color: #555;
    margin: 12px 20px;
    padding: 4px 8px;
    border: none;
    outline: none;
    border-bottom: solid 1px #ccc;
}
#countries_wrapper {
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    align-content: space-around;
    width: 1000px;
    margin: 20px auto;
}
#countries_wrapper .countries {
    display: block;
    position: relative;
    width: 30%;
    margin: 16px 0;
    border-left: dashed 1px #ccc;
}
.countries:first-child, .countries:nth-child(4), .countries:nth-child(7), .countries:nth-child(11) {border: 0 !important;}
.centerRep {
    align-content: stretch !important;
    justify-content:center !important;
}

@media only screen and (min-width:641px) and (max-width:999px) {
    #regionSelect_wrapper {width: 90%;}
    #countries_wrapper {
        -webkit-box-orient:vertical;
        -ms-flex-direction:column;
        flex-direction:column;
        align-content: stretch;
        justify-content:center;
        width: 90%;
    }
    #countries_wrapper .countries {
        width: 90%;
        margin: 0 auto;
        border: 0 !important;
    }
}

@media only screen and (max-width: 640px) {
    #regionSelect_wrapper {
        width: 90%;
        margin: 2vw auto;
    }
    #regionSelect_wrapper select {
        min-width: 60vw;
        font-size: 4vw;
        margin: 2.5vw 4vw;
        padding: 1vw 2vw;
    }
    #countries_wrapper {
        -webkit-box-orient:vertical;
        -ms-flex-direction:column;
        flex-direction:column;
        align-content: stretch;
        justify-content:center;
        width: 90%;
        margin: 4vw auto;
    }
    #countries_wrapper .countries {
        width: 90%;
        margin: 0 auto;
        border: 0 !important;
    }
}