@use '../../../styles/tools/functions';
@use '../../../styles/settings/colours';
@use '../../../styles/settings/variables';

.Heading {
    margin-bottom: functions.pxRem(40);

    @media all and (min-width: functions.em(768)) {
        margin-bottom: functions.pxRem(60);
    }

    @media all and (min-width: functions.em(1024)) {
        margin-bottom: functions.pxRem(100);
    }
}

.Row {
    display: flex;
    justify-content: space-between;
    gap: functions.pxRem(40);
    margin-bottom: functions.pxRem(40);

    @media all and (min-width: functions.em(768)) {
        gap: functions.pxRem(60);
        margin-bottom: functions.pxRem(60);
    }

    @media all and (min-width: functions.em(1024)) {
        margin-bottom: functions.pxRem(120);
    }

    &:last-child {
        margin-bottom: 0;
    }
}

.Logo {
    display: flex;
    align-items: center;

    img {
        display: block;
    }
}