.hp_title_flag {
    text-align: center;
    height: 50px;
}

.hp_title_flag > .country-flag img {
    margin: 0 2% auto 0%;
    height: 50px;
    width: auto;
    z-index: 1;
    position: absolute;
    left: 40%;
}

.hp_title_flag > .country-flag .flag-overlay {
    z-index: 2;

}

.hp_title_flag > .country-title {
    color: #001D38;
    font-family: "Barlow", Barlow, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 46px;
    width: fit-content;
    margin: auto 2% auto 10%;
    left: 38%;
    z-index: 3;
    position: absolute;
}

@media only screen and (max-width: 920px) {
    .hp_title_flag > .country-flag img {
        left: 25%;
    }
    .hp_title_flag > .country-title {
        left: 25%;
        font-size: 38px;
    }
}

@media only screen and (max-width: 720px) {
    .hp_title_flag > .country-flag img {
        left: 0%;
        font-size: 39px;
    }
    .hp_title_flag > .country-title {
        left: 15%;
    }
}