.title{
    margin-top: 6%;
}

.subtitle{
    color: gray;
    text-align: center;
    font-weight: 400;
    font-size: 100%;
    line-height: 1.4;
}

.countries-holder{
    width: 60%;
    margin: 5% auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.country{
    flex: 0 47%;
    margin-bottom: 4%;
    font-weight: 600;
    padding-bottom: 2%;
    border-bottom: 1px solid rgba(191,203,218,.6);
}

@media only screen and (max-width: 800px) {
    #content{
        width: 92% !important;
    }

    .title{
        margin: 8% 0 0 0;
    }

    .subtitle{
        margin: 7% auto 9% auto;
    }

    .countries-holder{
        width: 100%;
        flex-direction: column;
    }

    .country{
        margin-bottom: 10%;
        padding-bottom: 3%;
    }
}