h2 {
    margin-bottom: 20px;
}
.cards-flag {
    width: 100%;
    padding: 30px 5px;
}

.btn {
    font-size: 0.9rem;
}

.card-title {
    font-size: 15px;
    color: #5d5e61;
}

.card-body {
    padding: 15px 10px 0px 10px;
}

.button-orange {
    background-color: #fd9f0e;
    color: #fff;
    min-height: 30px;
    min-width: 70px;
    font-size: 0.7rem
}

.button-orange:hover,
.button-orange--active {
    background-color: #fdaf0f !important;
    color: #fff !important;
    font-weight: 500;
    opacity: 1 !important;
}

.logo {
    margin: 0 auto;
    display: block;
    height: 80px;
    margin-bottom: 1.5rem;
}

.mapa {
    margin: 30px 0px;
    background-image: url('../img/pais/all.png');
    height: 600px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.brasil {
    background-image: url('../img/pais/brasil.png');
}

.equador {
    background-image: url('../img/pais/equador.png');
}

.portugal {
  background-image: url('../img/pais/portugal.png');
}

@media screen and (min-width: 600px)  {
    .mobile-break { display: none; }
    .cards-flag { padding: 30px 30px; }
}