$fontFamilyLight: UbuntuLight;
$fontFamilyRegular : UbuntuRegular;
$fontFamilyBold: UbuntuBold;

$mobileFontSizeSmall: 1rem;
$mobileFontSizeMedium : 1.5rem;
$mobileFontSizeLarge : 2rem;

$desktopFontSizeSmall : 1rem;
$desktopFontSizeMedium : 1.5rem;
$desktopFontSizeLarge : 2rem;

$colorFont: #454545;
$colorFont1: $colorFont;
$colorFont2: #FFFFFF;
$colorFont3: #777777;
$colorFont4: #d4d4d4;
$colorFont5: #EB7B02;

$colorBackground: #FFFFFF;
$colorBackground1: $colorBackground;
$colorBackground2: #1a0f48;
$colorBackground3: #f0f5f5;
$colorBackground4: #e1e1e1;

$colorBorder1: lightgrey;
$border1: 1px solid $colorBorder1;

$mobileSpacerSmall : 3rem;
$mobileSpacerMedium : 5rem;
$mobileSpacerLarge : 8rem;

$desktopSpacerXtraSmall : 0.5rem;
$desktopSpacerSmall : 1rem;
$desktopSpacerMedium : 2rem;
$desktopSpacerLarge : 4rem;

$mss : $mobileSpacerSmall;
$msm : $mobileSpacerMedium;
$msl : $mobileSpacerLarge;

$dsxs : $desktopSpacerXtraSmall;
$dss : $desktopSpacerSmall;
$dsm : $desktopSpacerMedium;
$dsl : $desktopSpacerLarge;

$dfsl : $desktopFontSizeLarge;
$dfsm : $desktopFontSizeMedium;
$dfss : $desktopFontSizeSmall;

$mfsl : $mobileFontSizeLarge;
$mfsm : $mobileFontSizeMedium;
$mfss : $mobileFontSizeSmall;

$shadow1 : 0.6rem 0.6rem 1.0rem 0.2rem rgba(0,0,0,0.3);
$shadow2 :  0 -0.5rem 0.5rem 0.5rem rgba(0,0,0,0.3);

$bo1 : $border1;

@mixin landscape
{
	@media only screen and (orientation: landscape) and (min-width: 600px)
	{
		@content;
	}
}

@mixin landscape_hd
{
	@media only screen and (orientation: landscape) and (min-width: 1280px)
	{
		@content;
	}
}

@mixin mobile
{
	@media only screen and (orientation: portrait)
	{
		@content;
	}
}

.C_main
{
	margin: 0;
	padding: 0;
	border: 0;
    box-sizing: border-box;
	color: inherit;
	scroll-behavior: smooth;
	border-spacing: 0;
	border-collapse: separate;

}