variables.scss

/* VIEWPORT SIZES */
$xl1: 1500px; // xl-1
$xl: 1200px; // xl
$lg: 1024px; // lg
$md2: 950px; // md-2
$md1: 850px; // md-1
$md: 768px; // md
$sm: 480px; // sm
$xs1: 420px; // xs-1
$xs: 320px; // xs

/* COLOUR */
$primaryRed: #e50a14;
$primaryYellow: #fed925;
$onActiveBkgd: #ffffff50;
$primaryGrey: #c4c4c4;
$youtubeBlack: #040404;
$greyBlue: #7799aa;
$cyanDark: var(--bg-cyan-dark);
// standard
$skyBlue: #87ceeb;
$black: black;

/* COMMON */
$headingTitle: white;

/* COMPONENTS */
$headerHeight: 150px;
$footerHeight: 36px;