.h1-title
{
    font-size:2.5em;
    margin-top:1em;
}

@media (max-width:1440px)
{
    .h1-title
    {
        font-size:2.2em;
    }
    .question-card{
        padding:1rem 0.5rem;
    }
    .card-body
    {
        padding:1.5rem !important
    }
    .lead
    {
        font-size:14px;
    }
}

@media (max-width:1366px)
{
    .h1-title
    {
        font-size:2.0em;
    }

    .card-body
    {
        padding:1.2rem !important
    }
}

@media (max-width:992px)
{
    .h1-title
    {
        font-size:1.6em;
    }
    .circle-answers-container
    {
        padding:6px 0px;
    }

    .question-card{
        padding:0.6rem 0.25rem;
    }

    .card-body
    {
        padding:0.5rem !important
    }

    .circle-answers-container
    {
        margin:10px 0px;
    }



}

@media (max-width:768px)
{
    .card-body
    {
        padding-bottom:4rem !important;
    }
}

@media (max-width:576px)
{
    
}