body {
    text-align: center;
}
.flag-img {
    width: 40px;
    height: auto;
    margin-bottom: 5px;
}
.flag-button {
    display: inline-block;
    width: 150px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f8f9fa;
    text-decoration: none;
    color: #000;
}
.flag-button:hover {
    background-color: #e2e6ea;
}
.mt-3 {
margin-top: 0rem!important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 650px;
}
.h2, h2 {
font-size: 1.4rem;
}

.my-6 {
margin-top: 3rem!important;
margin-bottom: 0.5rem!important;
}
.flag-img {
width: 100px;
height: auto;
margin-bottom: 5px;
}
.flag-button {
display: inline-block;
width: 150px;
margin: 10px;
padding: 10px;
border: none;
border-radius: 8px;
background-color: #fff;
text-decoration: none;
color: #000;
}
.my-7 {
margin-top: 10rem!important;    
}
@media (max-width:768px) {
    .my-7 {
    margin-top: 1rem!important;    
    }   
}