/* Display: Small width < 600 */
@media (width <= 600px){
    #footerLogo{
        text-align: center;
    }

    #footerInfo{
        flex-wrap: wrap;
        flex-direction: column;
        gap: 2em;
        padding: 2em 0;
    }
}

/* Display: medium 600 < with < 1024 */
@media (600px <= width <= 1024px){
    #footerInfo{
        text-align: end !important;
        flex-wrap: nowrap;
    }

    .sectionTitle{
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Display: medium & small with < 1024 */
@media (width <= 1024px){
    .sectionTitle{
        margin-top: .5em;
        margin-bottom: .5em;
    }

    #calculate .buttonAction {
        margin-left: 0px !important;
    }
}