:root {
    --principal: #FFCC00;
    --secundario: #A02C2C;

	--blanco: #fff;
    --gris: #848484;
    --negro: #272727;

    --mainfont: 'Poppins';
    --titlefont: 'Bebas Neue';

    --halfSection: 610px;
    --widthMobile: 700px;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    :root {    
        --halfSection: 470px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    :root {
        --halfSection: 354px;
    }
}