@charset "UTF-8";
::-moz-selection {
	background: rgba(255, 192, 203, 0.5);
	color: darkslategrey;
	text-shadow: none;
}

::selection {
	background: rgba(255, 192, 203, 0.5);
	color: darkslategrey;
	text-shadow: none;
}

html, body {
	font-family: titilliumregular, system, sans-serif;
	font-size: 16px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	background-color: darkslategrey;
}

body {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1, h2, h3, h4, h6, h6 {
	font-family: titilliumsemibold_upright, system, Verdana, sans-serif;
	margin-top: 2rem;
}

em {
	font-family: titilliumregular_italic, system, Verdana, sans-serif;
	font-style: normal;
}

a, a:active, a:hover, a:visited {
	outline: none;
}

.hide-border {
	border: 0px solid transparent !important;
}

/* main: main.scss*/
.red {
	color: #d80000;
}

.ou {
	outline: 1px solid #d80000;
}

/* main: main.scss*/
/*index*/
#heroine {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: url("../img/heroine/heroine_00.jpg") center center no-repeat scroll, url("../img/heroine/th_heroine_00.jpg") center center no-repeat scroll;
	background-color: dimgray;
	background-size: cover, cover;
}

#heroine .title {
	position: absolute;
	display: block;
	text-align: center;
	top: 17vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	border-bottom: 0px solid transparent;
}

#heroine .title a:hover {
	border-bottom: 1px solid transparent;
}

#heroine .title h1 {
	top: 0;
	margin: 0vh auto 0;
	max-width: 1000px;
	font-family: titilliumthin, system, Verdana, sans-serif;
	font-weight: 400;
	color: white;
	letter-spacing: 2px;
	word-spacing: 0rem;
	white-space: nowrap;
	font-size: calc(4vmax + 3vh);
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#heroine .title:hover h1 {
	margin-top: 0rem;
	cursor: default;
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

#heroine .title h3 {
	margin-top: 0rem;
}

#heroine .title .menu {
	font-family: homemade_appleregular, system, Verdana, sans-serif;
	padding: 1.5rem 0rem 0rem 0rem;
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	text-align: center;
	color: white;
	word-spacing: 1rem;
	white-space: nowrap;
	font-size: calc(2vmax + 1vh);
}

#heroine .title .menu:hover {
	cursor: default;
}

#heroine .title .cv {
	/* @extend .menu;*/
	font-family: titilliumsemibold_upright, system, Verdana, sans-serif;
	font-size: 0px;
	line-height: 0;
	height: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 0px solid rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0);
	margin: 0;
	padding: 0rem 0rem 0rem 0rem;
	overflow: hidden;
	z-index: 9999;
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
}

#heroine .title .cv a {
	padding: 0rem .5rem;
	color: white;
	border-bottom: 1px solid transparent;
}

#heroine .title:hover .cv {
	font-size: 1rem;
	font-size: calc(1vmax + 2vh);
	line-height: 1;
	height: 3rem;
	height: calc(1vmax + 2vh + 2rem);
	border-top: 1px solid rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid rgba(255, 255, 255, 0.75);
	background: rgba(255, 255, 255, 0.25);
	margin: 0;
	padding: 1rem 0rem 1rem 0rem;
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	cursor: pointer;
	overflow: hidden;
}

.lang, header .lang {
	text-align: center;
	color: white;
	font-family: titilliumlight_upright, system, Verdana, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	padding-bottom: 3vh;
}

.lang a {
	color: white;
	border-bottom: 1px solid transparent;
}

.lang a:hover {
	color: white;
	border-bottom: 1px solid white;
}

header .lang {
	padding-top: 7vh;
}

.heroine {
	background: url("../gfx/headerhead.jpg") center 35% no-repeat scroll, url("../gfx/th_headerhead.jpg") center 35% no-repeat scroll;
	background-color: dimgray;
	background-size: cover, cover;
}

/*general*/
@keyframes turn-refresh {
	0% {
		-webkit-transform: scale(1.5) rotate(0deg);
		transform: scale(1.5) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.5) rotate(180deg);
		transform: scale(1.5) rotate(180deg);
	}
}

@-webkit-keyframes turn-refresh {
	0% {
		-webkit-transform: scale(1.5) rotate(0deg);
		transform: scale(1.5) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.5) rotate(180deg);
		transform: scale(1.5) rotate(180deg);
	}
}

.turn-refresh {
	-webkit-animation: turn-refresh 600ms ease-in-out;
	animation: turn-refresh 600ms ease-in-out;
}

.refresh {
	position: relative;
	display: block;
	margin: 1.5rem auto 1.5rem;
	text-align: center;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-tap-highlight-color: transparent;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	opacity: .5;
	z-index: 9999;
}

.refresh:hover {
	cursor: pointer;
	opacity: 1;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: 400ms all ease-in-out;
	transition: 400ms all ease-in-out;
}

/*content*/
header {
	position: relative;
	display: block;
	text-align: center;
	top: 0vh;
	margin: 0px auto;
	border-bottom: 0.5vh solid darkslategrey;
}

header h1 {
	top: 0;
	margin: 0vh auto 0;
	max-width: 1000px;
	font-family: titilliumthin, system, Verdana, sans-serif;
	font-weight: 400;
	color: white;
	letter-spacing: 2px;
	word-spacing: 0rem;
	white-space: nowrap;
	font-size: calc(4vmax + 3vh);
	-webkit-transition: 400ms all 200ms ease-in-out;
	transition: 400ms all 200ms ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* main: main.scss*/
/*menu*/
menu {
	margin: 1rem 0 0;
	padding: 0;
	font-size: 1.25rem;
	font-family: titilliumsemibold_upright, system, Verdana, sans-serif;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

menu .columns {
	padding-bottom: 0.25rem;
	border-bottom: 1px solid rgba(50, 80, 80, 0.5);
}

.actual {
	/*border-right: 1px solid red !important;*/
	/*border-left:  1px solid red !important;*/
	padding: 1px 0.5rem 5px .5rem !important;
	background: rgba(50, 80, 80, 0.25);
}

/* main: main.scss*/
main {
	/*_upright*/
	position: relative;
	font-family: titilliumlight_upright, system, Verdana, sans-serif;
	max-width: 100%;
	min-width: 100%;
	/*min-height: calc(100vh - (4vmax + 3vh) - 7vh - 1rem - 40px);*/
	min-height: calc(100vh - (4vmax + 3vh) - 17vh - 40px - 2rem);
	margin: -1rem auto 0rem;
	padding: 0rem 0rem 10vh 0rem;
	background-color: whitesmoke;
}

main .row {
	position: relative;
	max-width: 1000px;
	/*min-height: calc(100vh - (4vmax + 3vh) - 7vh - 40px - 2rem);*/
	/*outline: 1px solid red;*/
}

main p {
	font-family: titilliumregular, system, Verdana, sans-serif;
	line-height: 1.75;
}

main p a {
	border-bottom: 1px solid rgba(0, 72, 128, 0);
	-webkit-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
}

main p a:hover {
	border-bottom: 1px solid rgba(0, 72, 128, 0.75);
	-webkit-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
}

/*index*/
#indexsection {
	position: relative;
	width: 100%;
	/*top:100vh;*/
	min-height: 80vh;
	margin: 0rem 0 0 0;
	padding: 7vh 0 3vh;
	background: whitesmoke;
}

/*indexsection*/
.section-column {
	position: relative;
	margin-bottom: 1rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.section-column img {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	border: 1px solid rgba(50, 80, 80, 0.5);
	-o-object-fit: cover;
	object-fit: cover;
}

.section-column p {
	text-align: justify;
	line-height: 1.5;
	padding-top: 1.25rem;
}

.section-column h3 {
	font-family: homemade_appleregular, system, Verdana, sans-serif;
	margin-top: 0rem;
}

.section-column a.blocklink {
	font-family: titilliumsemibold_upright, system, Verdana, sans-serif;
	position: absolute;
	display: inline-block;
	text-align: right;
	width: auto;
	right: 1rem;
	bottom: 0;
	border-bottom: 1px solid rgba(0, 72, 128, 0);
	-webkit-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
}

.section-column a.blocklink:hover {
	border-bottom: 1px solid rgba(0, 72, 128, 0.75);
	-webkit-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
}

.section-column a.blocklink:after {
	content: "▸";
	border: 2px solid transparent;
	/*display: inline-block;*/
	/*width: 100%;*/
}

/*content*/
.breadcumbs {
	margin-top: 1rem;
	display: inline-block;
}

.breadcumbs-active {
	text-decoration: none;
	border-bottom: 1px solid #00487f !important;
}

.breadcumbs span.red {
	display: inline-block;
	margin: 0rem 0.5rem;
}

.subbreadcumbs:last-of-type a + span.red {
	display: none;
}

.categorywrapper {
	margin-top: 3rem;
}

.categorywrapper ul {
	margin: 0.5rem 0rem 3rem 0rem;
}

.categorywrapper ul li {
	margin: 0rem 0rem 0rem 0rem;
	list-style: none;
}

.category {
	margin-bottom: 3rem;
}

.subcategorywrapper {
	margin-top: -3rem;
}

.subcategories img {
	margin-bottom: .5rem;
	border: 1px solid rgba(47, 79, 79, 0.25);
}

.subcategories img:hover {
	border: 1px solid rgba(47, 79, 79, 0.25);
}

.imagewrapper {
	margin: 1rem 0rem;
}

.imagewrapper img {
	margin: 1rem auto -1rem;
	border: 1px solid rgba(47, 79, 79, 0.5);
}

.imagewrapper img:hover {
	border: 1px solid rgba(47, 79, 79, 0.5);
}

.imagedetails {
	margin: .5rem auto 3rem;
}

.imagedetails li {
	list-style: none;
	list-style-position: inside;
	line-height: 1.25;
}

.imagedetails li.title {
	font-weight: 700;
	padding: .5rem 0 .5rem 0;
}

.subcategorywrapper .imagewrapper .topimage {
	display: none;
}

.subcategorywrapper .imagewrapper:last-of-type .topimage {
	display: block;
}

.subcategorywrapper .imagewrapper:last-of-type .nextimage {
	display: none;
}

.nextcontainer {
	position: absolute;
	top: 0;
	border: 1px soid red;
	background: orange;
	border-radius: 50%;
}

.hamburger a img {
	margin: .25rem auto;
}

.lazyload,
.lazyloading {
	opacity: 0.15;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

/* event */
.contentbox {
	margin: 2rem 0;
	padding: 0 1rem !important;
}

.event h4 {
	line-height: 1;
}

.suptitle, .subtitle {
	font-family: inherit;
	font-size: 1.15rem;
	display: inline-block;
	width: 100%;
	margin-top: .55rem;
	margin-bottom: 1rem;
}

.smaller {
	font-family: titilliumlight, sans-serif;
	font-weight: normal;
	font-size: 1rem;
	display: inline-block;
	width: 100%;
	margin-bottom: 1rem;
}

.signo {
	display: inline-block;
	width: 100%;
	text-align: right;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 1rem 0 1rem 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#educationposts {
	margin: 3rem auto 1rem auto;
}

.postimg {
	width: 300px;
	max-width: 300px;
}

/* ################################################################## */
/* Small screens*/
/* max-width 640px */
@media screen and (max-width: 40em) {
	.imagedetails li {
		list-style: none;
		list-style-position: inside;
		line-height: 1.25;
		font-size: 1.15rem;
		text-align: center;
	}
	.imagedetails li.title {
		font-weight: 700;
		font-size: 1.5rem;
		text-align: center;
		padding: .5rem 0 .5rem 0;
	}
	.breadcumbs {
		text-align: center;
		display: block;
		width: 100%;
		margin: 2rem auto 1rem auto !important;
		font-size: 1.5rem;
		margin: 0;
	}
	.breadcumbscontainer + h1 {
		text-align: center !important;
		font-size: 1.5rem !important;
	}
	.category p, .subcategory, .subbreadcumbs {
		text-align: center;
		display: inline-block;
		width: 100%;
		line-height: .5;
		margin: 0;
		padding: 0;
		font-size: 1.25rem;
	}
	.subcategory {
		padding: .75rem 0;
	}
	.breadcumbs span.red {
		display: none;
		margin: 0rem 0.5rem;
	}
	.breadcumbs .workshome + span.red {
		display: inline-block;
		margin: 0rem 0.5rem;
	}
}

/* max-width 640px landscape*/
@media screen and (max-width: 40em) and (orientation: landscape) {
	.imagedetails li {
		list-style: none;
		list-style-position: inside;
		line-height: 1.25;
		font-size: 1.15rem;
		text-align: left;
	}
	.imagedetails li.title {
		font-weight: 700;
		text-align: left;
		font-size: 1.5rem;
		padding: .5rem 0 .5rem 0;
	}
	.breadcumbs {
		text-align: center;
		display: block;
		width: 100%;
		margin: 1rem auto 1rem auto !important;
		font-size: 1.5rem;
		margin: 0;
	}
	.breadcumbscontainer + h1 {
		font-size: 2.5rem !important;
	}
	.subbreadcumbs {
		display: inline-block;
		width: 33%;
		line-height: 1;
		vertical-align: top;
		margin: 1rem 0 0 0;
		padding: 0;
		font-size: 1.25rem;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*nexus5/6 ip6/+ landscape*/
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* Large screens*/
/* min-width 1025px, large screens */
/* XLarge screens*/
/* min-width 1441px, xlarge screens */
/* landscape min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* XXLarge screens   and (max-width: 150em) */
/* min-width 1921px, xxlarge screens */
/* main: main.scss*/
table {
	margin: 0rem 0rem 0rem 0rem;
	font-size: 1.15rem;
	width: 100%;
	max-width: 100%;
	overflow-wrap: break-word;
}

/*table tr:nth-child(2n+1) { background: rgba(215,215,215,0.25)}*/
table td:nth-child(2n+1) {
	margin: 0;
	padding: 0rem 0.75rem 0rem 0rem;
	vertical-align: top;
	text-align: right;
}

table td:nth-child(2n+2) {
	margin: 0;
	padding: 0rem 0rem 0rem 0.75rem;
	border-left: 1px solid rgba(215, 215, 215, 0.75);
}

table:first-child tr:nth-child(0n+1) td:nth-child(2n+2) {
	padding: 0rem 0rem 0rem 0.75rem;
	border-left: 0px solid rgba(215, 215, 215, 0);
	border-bottom: 1px solid rgba(215, 215, 215, 0.75);
}

.cv-year {
	width: 7rem;
}

td a, td a:active, td a:visited {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	border-bottom: 1px solid rgba(0, 72, 128, 0);
	transition: 200ms all ease-in-out;
}

td a:hover {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	border-bottom: 1px solid rgba(0, 72, 128, 0.75);
	transition: 200ms all ease-in-out;
}

td p {
	line-height: 1.25;
	/*margin:0.75rem 0;*/
	margin-bottom: 0.75rem !important;
}

/* main: main.scss*/
footer, #headerfooter {
	position: relative;
	width: 100%;
	text-align: center;
	color: white;
	margin: .5rem 0 10rem;
	padding: 2vh 0 0 0;
	font-family: titilliumlight_upright, system, Verdana, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background: darkslategrey;
}

#headerfooter {
	position: absolute;
	display: block;
	bottom: 1vmin;
	margin: .5rem 0 2vh;
	background: transparent;
}

#indexsection + footer, #indexsection + #headerfooter {
	width: 100%;
	text-align: center;
	position: relative;
	height: 20vh;
	min-height: 20vh;
	background: darkslategrey;
}

.icon {
	width: 32px;
	height: 32px;
	margin: 0rem .85rem;
	opacity: 0.75;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: 200ms all 100ms ease-in-out;
	transition: 200ms all 100ms ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-tap-highlight-color: transparent;
	-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.95));
	filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.95));
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#indexfooter .icon {
	margin: 1rem .85rem 0;
}

.icon.prezi {
	opacity: 1;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(32, 32, 32, 0.75));
	filter: drop-shadow(0px 0px 1px rgba(32, 32, 32, 0.75));
}

.icon:hover.prezi {
	opacity: 1;
	-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.95));
	filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.95));
}

.icon:hover {
	width: 32px;
	height: 32px;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0.75;
	-webkit-transition: 200ms all ease-in-out;
	transition: 200ms all ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	cursor: pointer;
}

.icon.up, .icon.down {
	opacity: 0.75;
	width: 48px;
	height: 48px;
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: 0 0 2vh 0;
	-webkit-filter: none;
	filter: none;
	border: 1px solid transparent;
}

footer .icon.up, #headerfooter .icon.up {
	margin: 3rem 0 0 0;
}

.icon.up:hover {
	opacity: 1;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.copycontact, .copycontact a {
	margin-top: 2vmin;
	font-size: .75rem;
	color: white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.copycontact span {
	display: inline-block;
	text-align: center;
	width: 2rem;
	font-size: 1rem;
	font-family: system, sans-serif;
	vertical-align: middle;
}

/* Define the "system" font family */
@font-face {
	font-family: 'system';
	font-style: normal;
	font-weight: 300;
	src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Liberation Sans"), local("Tahoma");
}

/*mod*/
/*@font-face {
                font-family: 'titilliumblack';
                src: url('../typo/titillium-black-webfont.woff2') format('woff2'),
                     url('../typo/titillium-black-webfont.woff') format('woff'),
                     url('../typo/titillium-black-webfont.ttf') format('truetype');
            }*/
/*@font-face {
                font-family: 'titillium_bdbold';
                src: url('../typo/titillium-bold-webfont.woff2') format('woff2'),
                     url('../typo/titillium-bold-webfont.woff') format('woff'),
                     url('../typo/titillium-bold-webfont.ttf') format('truetype');
            }*/
/*@font-face {
                font-family: 'titilliumbold_upright';
                src: url('../typo/titillium-boldupright-webfont.woff2') format('woff2'),
                     url('../typo/titillium-boldupright-webfont.woff') format('woff'),
                     url('../typo/titillium-boldupright-webfont.ttf') format('truetype');
            }*/
@font-face {
	font-family: 'titilliumlight';
	src: url("../typo/titillium-light-webfont.woff2") format("woff2"), url("../typo/titillium-light-webfont.woff") format("woff"), url("../typo/titillium-light-webfont.ttf") format("truetype");
}

@font-face {
	font-family: 'titilliumlight_upright';
	src: url("../typo/titillium-lightupright-webfont.woff2") format("woff2"), url("../typo/titillium-lightupright-webfont.woff") format("woff"), url("../typo/titillium-lightupright-webfont.ttf") format("truetype");
}

@font-face {
	font-family: 'titilliumregular';
	src: url("../typo/titillium-regular-webfont.woff2") format("woff2"), url("../typo/titillium-regular-webfont.woff") format("woff"), url("../typo/titillium-regular-webfont.ttf") format("truetype");
}

@font-face {
	font-family: 'titilliumregular_italic';
	src: url("../typo/titillium-regularitalic-webfont.woff2") format("woff2"), url("../typo/titillium-regularitalic-webfont.woff") format("woff"), url("../typo/titillium-regularitalic-webfont.ttf") format("truetype");
}

@font-face {
	font-family: 'titilliumregular_upright';
	src: url("../typo/titillium-regularupright-webfont.woff2") format("woff2"), url("../typo/titillium-regularupright-webfont.woff") format("woff"), url("../typo/titillium-regularupright-webfont.ttf") format("truetype");
}

/*@font-face {
                font-family: 'titilliumbold';
                src: url('../typo/titillium-semibold-webfont.woff2') format('woff2'),
                     url('../typo/titillium-semibold-webfont.woff') format('woff'),
                     url('../typo/titillium-semibold-webfont.ttf') format('truetype');
            }*/
@font-face {
	font-family: 'titilliumsemibold_upright';
	src: url("../typo/titillium-semiboldupright-webfont.woff2") format("woff2"), url("../typo/titillium-semiboldupright-webfont.woff") format("woff"), url("../typo/titillium-semiboldupright-webfont.ttf") format("truetype");
}

@font-face {
	font-family: 'titilliumthin';
	src: url("../typo/titillium-thin-webfont.woff2") format("woff2"), url("../typo/titillium-thin-webfont.woff") format("woff"), url("../typo/titillium-thin-webfont.ttf") format("truetype");
}

/*@font-face {
                font-family: 'titilliumthin_upright';
                src: url('../typo/titillium-thinupright-webfont.woff2') format('woff2'),
                     url('../typo/titillium-thinupright-webfont.woff') format('woff'),
                     url('../typo/titillium-thinupright-webfont.ttf') format('truetype');
            }*/
@font-face {
	font-family: 'homemade_appleregular';
	src: url("../typo/homemadeapple-webfont.woff2") format("woff2"), url("../typo/homemadeapple-webfont.woff") format("woff"), url("../typo/homemadeapple-webfont.ttf") format("truetype");
}

/* main: main.scss*/
/* Small screens*/
/* Define mobile styles */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* max-width 640px */
@media screen and (max-width: 40em) {
	#heroine .title p.lang {
		word-spacing: 0.25rem;
		font-size: calc(1vmax + 1vh);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title h1 {
		font-family: titilliumthin, system, Verdana, sans-serif;
		font-weight: 700;
		word-spacing: 0rem;
		font-size: calc(3.5vmax + 2vh);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title .menu {
		font-family: homemade_appleregular, system, Verdana, sans-serif;
		font-size: calc(1.75vmax + 1.75vw);
		padding: 1rem 0rem 0rem 0rem;
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title:hover .menu {
		font-family: homemade_appleregular, system, Verdana, sans-serif;
		padding: 1.5rem 0rem 0rem 0rem;
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	header h1 {
		font-size: calc(3vmax + 3vw);
		font-weight: 700;
	}
}

/* max-width 640px landscape*/
@media screen and (max-width: 40em) and (orientation: landscape) {
	#heroine .title p.lang {
		word-spacing: 0.25rem;
		font-size: calc(2vmax + 1vh);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title h1 {
		text-align: center;
		font-weight: 700;
		font-size: calc(4vmax + 2vh);
		/*font-size: calc(6vmax);*/
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title .menu {
		font-family: homemade_appleregular, system, Verdana, sans-serif;
		font-size: calc(2vmax + 1.5vh);
		padding: 1rem 0rem 0rem 0rem;
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title:hover .menu {
		font-family: homemade_appleregular, system, Verdana, sans-serif;
		padding: 1.5rem 0rem 0rem 0rem;
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	footer, #headerfooter {
		bottom: 0vmin;
	}
}

/* Medium screens*/
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*nexus5/6 ip6/+ landscape*/
	#heroine .title p.lang {
		word-spacing: 0.25rem;
		font-size: calc(2vw);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title h1 {
		font-family: titilliumthin, system, Verdana, sans-serif;
		font-weight: 700;
		word-spacing: 0rem;
		font-size: calc(4vmax + 2vh);
		/*font-size: calc(6vmax);*/
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title .menu {
		font-family: homemade_appleregular, system, Verdana, sans-serif;
		padding: 1rem 0rem 0rem 0rem;
		-webkit-transition: 200ms all 200ms ease-in-out;
		transition: 200ms all 200ms ease-in-out;
	}
	#heroine .title:hover .menu {
		font-family: homemade_appleregular, system, Verdana, sans-serif;
		padding: 1.5rem 0rem 0rem 0rem;
		-webkit-transition: 200ms all 200ms ease-in-out;
		transition: 200ms all 200ms ease-in-out;
	}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* Large screens*/
@media only screen and (min-width: 64.063em) {
	#heroine .title p.lang {
		word-spacing: 0.25rem;
		font-size: calc(1.25vw);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
}

/* min-width 1025px, large screens */
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/* XLarge screens*/
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (orientation: landscape) {
	#heroine .title p.lang {
		word-spacing: 0.25rem;
		font-size: calc(2vw);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title a, #heroine .title a:hover, #heroine .title a:visited {
		font-size: calc(1.5vmax + 1.5vh);
		letter-spacing: 1px;
		color: white;
	}
}

/* landscape min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	#heroine .title a, #heroine .title a:hover, #heroine .title a:visited {
		font-size: calc(1.5vmax + 1.5vh);
		letter-spacing: 1px;
		color: white;
	}
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-device-width: 1600px) and (max-device-width: 2560px) and (-webkit-device-pixel-ratio: 2) {
	#heroine .title h1 {
		font-family: titilliumthin, system, Verdana, sans-serif;
		font-weight: 700;
		word-spacing: 0rem;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-size: calc(4.5vh);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	header h1 {
		font-size: calc(3vmax);
		font-weight: 700;
	}
}

@media only screen and (min-device-width: 1600px) and (max-device-width: 2560px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
	#heroine .title h1 {
		font-family: titilliumthin, system, Verdana, sans-serif;
		font-weight: 700;
		word-spacing: 0rem;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-size: calc(4.5vw);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
}

/* XXLarge screens   and (max-width: 150em) */
@media only screen and (min-width: 120.063em) {
	#heroine .title {
		width: 50%;
	}
	#heroine .title h1 {
		font-family: titilliumthin, system, Verdana, sans-serif;
		font-weight: 700;
		word-spacing: 0rem;
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: auto;
		text-align: center;
		font-size: calc(4.5vw);
		-webkit-transition: 400ms all 200ms ease-in-out;
		transition: 400ms all 200ms ease-in-out;
	}
	#heroine .title a, #heroine .title a:hover, #heroine .title a:visited {
		font-size: calc(1.5vmax + 1.5vh);
		letter-spacing: 1px;
		color: white;
	}
}

/* min-width 1921px, xxlarge screens */

/*# sourceMappingURL=main.css.map */