.container {
    /* width: 100%;
    max-width: 960px; */
    height: 100%;
    align-items: center;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 0 50px 20px;
}

.hero {
    background-color: #f5f5f5;
    background-image: url('https://epsonemear.a.bigcontent.io/v1/static/eu_0821_background-img');
    background-repeat: no-repeat;
    background-position-x: 45%;
}

@media only screen and (max-width: 959px){
.hero {
    background-position-x: 52%;
    }
}
@media only screen and (max-width: 767px){
.hero {
    background-image: none;
    }
}

@media only screen and (max-width: 767px){
.background__image{
    background-image: none;
    }
}
.columns__header{
    font-size: 38px;
    color: #10218b;
    margin-bottom: 20px;
}

.columns__text{
    font-size: 18px;
    color: #575756;
    word-wrap: break-word;
    padding-right: 28px;
    line-height: 32px;
}

/* .countries {
    padding-left: 30px;
} */

.countries__column {
    z-index: 1;
    columns: 3;
}

.countries__column--one{
    padding-left: 10px;
}

@media only screen and (max-width: 768px){
    .countries__column {
        columns: 2;
    }
}
    
.country {
    display: flex;
    /* margin: 5px 0; */
}

.country::before {
    content: "";
    display: block;
    /* background-color: green;
    border-radius: 50%;
    width: 20px;
    height: 20px; */
    /* margin-right: 5px; */
}

@media only screen and (max-width: 768px){
    .country--el {
        break-after: unset;
    }
    .country--ro {
        break-after: unset;
    }
}



.countries__container {
	height: 100%;
	align-items: center;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 50px 0;
}

.countries__text{
    font-size: 1.625rem;
    line-height: 32px;
    font-weight: 300;
    color: #101f8b;
    margin: 0 0 25px;
}

.countries__row {
    clear: both;
    margin-left: -10px;
    margin-right: -10px;
}



.countries__column {
    /* width: 33%; */
    float: left;
    box-sizing: border-box;
    position: relative;
    /* padding-left: 10px; */
    padding-right: 10px;
}

@media screen and (max-width: 768px) {
    .column{
        width: 50%;
    }
  }

@media screen and (max-width: 480px) {
    .column{
        width: 100%;
    }
  }

.small__column {
    width: 33.33333%;
    float: left;
}

.countries__column a {
    color: #575756;
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    position: relative;
    /* padding-left: 8px; */
    text-decoration: none;
}
/* 
.austria{
    background-image: url(../img/icons-2x-sbdef49cb23.png);
    background-position: 0 -48px;
    background-size: 24px 888px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
} */



.flag {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flag::before {
    background-image: url("https://i8.amplience.net/i/epsonemear/flags_3?15");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    content: ""; 
    display: inline-block;
    /* outline: 5px dotted red; */
    background-size: 48px 1020px;
    flex-shrink: 0
}


.flag--at::before {
    background-position: 0 -48px;
    margin-right: 10px;
}

.flag--be::before {
    background-position: 0 -71px;
    margin-right: 10px;
}

.flag--bg::before {
    background-position: 0 -743px;
    margin-right: 10px;
}
.flag--hr::before {
    background-position: 0 -96px;
    margin-right: 10px;
}
.flag--cz::before {
    background-position: 0 -120px;
    margin-right: 10px;
}
.flag--dk::before {
    background-position: 0 -144px;
    margin-right: 10px;
}
.flag--ee::before {
    background-position: 0 -864px;
    margin-right: 10px;
}
.flag--fi::before {
    background-position: 0 -192px;
    margin-right: 10px;
}
.flag--fr::before {
    background-position: 0 -216px;
    margin-right: 10px;
}
.flag--de::before {
    background-position: 0 -240px;
    margin-right: 10px;
}
.flag--gr::before {
    background-position: 0 -264px;
    margin-right: 10px;
}
.flag--ua::before {
    background-position: 0 -888px;
    margin-right: 10px;
}

/* column 2 */ 


.flag--hu::before {
    background-position: 0 -288px;
    margin-right: 10px;
}

.flag--ie::before {
    background-position: 0 -312px;
    margin-right: 10px;
}
.flag--il::before {
    background-position: 0 -336px;
    margin-right: 10px;
}
.flag--it::before {
    background-position: 0 -360px;
    margin-right: 10px;
}
.flag--lt::before {
    background-position: 0 -816px;
    margin-right: 10px;
}
.flag--lv::before {
    background-position: 0 -792px;
    margin-right: 10px;
}
.flag--mt::before {
    background-position: 0 -840px;
    margin-right: 10px;
}
.flag--nl::before {
    background-position: 0 -408px;
    margin-right: 10px;
}
.flag--no::before {
    background-position: 0 -433px;
    margin-right: 10px;
}
.flag--no::before {
    background-position: 0 -433px;
    margin-right: 10px;
}
.flag--pl::before {
    background-position: 0 -456px;
    margin-right: 10px;
}
.flag--pt::before {
    background-position: 0 -480px;
    margin-right: 10px;
}

.flag--ro::before {
    background-position: 0 -504px;
    margin-right: 10px;
}

/* Column 3 */
.flag--ru::before {
    background-position: 0 -528px;
    margin-right: 10px;
}

.flag--rs::before {
    background-position: 0 -768px;
    margin-right: 10px;
}
.flag--sk::before {
    background-position: 0 -552px;
    margin-right: 10px;
}
.flag--si::before {
    background-position: 0 -576px;
    margin-right: 10px;
}
.flag--za::before {
    background-position: 0 -599px;
    margin-right: 10px;
}
.flag--es::before {
    background-position: 0 -624px;
    margin-right: 10px;
}
.flag--se::before {
    background-position: 0 -648px;
    margin-right: 10px;
}
.flag--ch::before {
    background-position: 0 -672px;
    margin-right: 10px;
}
.flag--tr::before {
    background-position: 0 -696px;
    margin-right: 10px;
}
.flag--uk::before {
    background-position: 0 -720px;
    margin-right: 10px;
}
.flag--md::before {
    background-position: -24px -48px;
    margin-right: 10px;
}
.flag--kz::before {
    background-position: -24px 0;
    margin-right: 10px;
}
.flag--ke::before {
    background-position: -24px -24px;
    margin-right: 10px;
}
.flag--ng::before {
    background-position: -24px -73px;
    margin-right: 10px;
}
.flag--sa::before {
    background-position: -24px -96px;
    margin-right: 10px;
}
.flag--ca::before {
    background-position: -24px -121px;
    margin-right: 10px;
}
.flag--as::before {
    background-position: -24px -146px;
    margin-right: 10px;
}
.flag--uae::before {
    background-position: -0 0px;
    margin-right: 10px;
}
.region{
    /* padding-top: 60px;
    padding-left: 32px; */
    display: block;
}

.country__header {
    font-size: 1.25rem;
    line-height: 32px;
    font-weight: 300;
    color: #101f8b;
    /* margin-top: 60px; */
    margin-bottom: 25px;
}

.region__container{
    height: 100%;
    align-items: center;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 50px 0;
    clear: both;
}

.flag--eu::before {
    background-position: 0 -168px;
    margin-right: 10px;
}
.flag--af::before {
    background-position: 0 -24px;
    margin-right: 10px;
}
.flag--ae::before {
    background-position: 0 -384px;
    margin-right: 10px;
}

.globe{
    position: relative;
    right: -66px;
    top: -81px;
}

@media only screen and (max-width: 767px){
.globe {
    display: none;
    }
}
@media (max-width: 959px){
.globe {
    right: -67px;
    top: -93px;
    }
}
@media (max-width: 959px) {
.globe__bg{
    max-width: 250px;
    }
}
/* 
.globe__bg{
    display: block;
    margin-left: auto;
    margin-right: auto;
} */