// ==========================================================================
// Base Global Variables
// ==========================================================================

// Container Defaults
$mobile-container:   100%;
$tablet-container:   680px;
$desktop-container:  960px;


// Resonsive Design Break Points
$mobile-breakpoint:  ($tablet-container + 19px);
$tablet-breakpoint:  ($tablet-container + 20px);
$desktop-breakpoint: ($desktop-container);

// Default Fonts
$default-font-family:      'Meiryo', 'Hiragino Kaku Gothic Pro', sans-serif;
$default-code-font-family: 'courier new', monospace, serif;

// Font Size Defaults
$h1: 40;
$h2: 32;
$h3: 26;
$h4: 20;
$h5: 18;
$h6: 16;

$default-font-size:   16;
$default-line-height: 21;

// Default Colours
$default-font-color:          #434343;
$default-link-color:          #777;
$default-button-color:        #2BA6CB;
$default-button-hover-color:  #2285A2;