@import url(http://fonts.googleapis.com/css?family=Titillium+Web:600,300);

:root {
    /* Colors */
    --main-background: white;
    --main-color: #0F2557;
    --second-color: #121640;
    --third-color: #3472b9;
    --header-background-color: #121640;
    --text-color: #505050;
    --text-color-darker: #4d4d4d;
    --link-color: #3472b9;
    --brand-logo-color: #4d4d4d;
    --brand-background-color: #ebebeb;

    /* Lengths */
    --max-width: 960px;
    --standard-margin: 28px;
    --standard-margin-vertical: calc(var(--standard-margin) / 1.5);
    --border-radius: 6px;
    
	/* Miscelaneous */
    --box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
                0 2px 2px rgba(0,0,0,0.12), 
                0 4px 4px rgba(0,0,0,0.16), 
                0 8px 8px rgba(0,0,0,0.20);
    --bezier-curve: cubic-bezier(0.215, 0.61, 0.355, 1);
    --bezier-curve-two: cubic-bezier(0,1.04,.27,1);

	/*** FONTS ***/
	--font-family: 'Titillium Web', Arial, Helvetica, sans-serif;;
    --font-standard-size: 18px;
}
@media screen and (max-width: 700px) {
    :root {
        --standard-margin: 20px;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --font-standard-size: 16px;
    }
}