.ui.container {
    margin-top: 20px;
}

.ui.segment.region {
    width: 100%;
    padding: 20px;
}

.ui.header {
    display: flex;
    align-items: center;
}

#regionTitle{
    font-size: xx-large;
}

.ui.header img {
    max-height: 150px;
    margin-right: 20px;
}

.ui.header span {
    font-size: 2em;
    font-weight: bold;
}

.ui.styled.accordion {
    width: 100%;
}


.ui.styled.accordion .title .ui.label {
    font-size: 1em;
}

.ui.styled.accordion .content {
    width: 100%;
}

.ui.segment.province {
    width: 100%;
}

.ui.grid.stackable {
    width: 100%;
}

.ui.card.provinceClub {
    width: 100%;
    margin-bottom: 15px;
}

.ui.card.provinceClub .extra.content {
    font-weight: bold;
}

@media (max-width: 768px) {
    #regionTitle {
        font-size: x-large;
    }
}