$max-content-width: 100em;
$min-content-width:  18em;
$mobile-transition-width: 50em;
$large-transition-width: 80em;

$title-font: 'Roboto', sans-serif;
$body-font:  'iwona-light', sans-serif;

$foreground-color: rgba(10, 3, 15, 0.75);
$footer-color: #332B3A;
$link-color: $foreground-color;
//$link-color: #3E3EB3;
$hover-link-color: #9999FF;
$inverted-link-color: #E9E2EE;
$inverted-hover-link-color: #FFFFFF;

@font-face {
	font-family: iwona-light;
	src: url(../fonts/iwonalight-regular.otf);
}

@font-face {
	font-family: iwona-light-italic;
	src: url(../fonts/iwonalight-italic.otf);
}

@font-face {
	font-family: iwona-bold;
	src: url(../fonts/iwona-bold.otf);
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek);

@import url(https://fonts.googleapis.com/css?family=Roboto:100);

@import url(https://fonts.googleapis.com/css?family=Work+Sans:100);