* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

@font-face {font-family: "Campton W00 Light";
	src: url("campton-light/a8ba95735ee997485410fd9ec19b3044.eot"); /* IE9*/
	src: url("campton-light/a8ba95735ee997485410fd9ec19b3044.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("campton-light/a8ba95735ee997485410fd9ec19b3044.woff2") format("woff2"), /* chrome, firefox */
		url("campton-light/a8ba95735ee997485410fd9ec19b3044.woff") format("woff"), /* chrome, firefox */
		url("campton-light/a8ba95735ee997485410fd9ec19b3044.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
		url("campton-light/a8ba95735ee997485410fd9ec19b3044.svg#Campton W00 Light") format("svg"); /* iOS 4.1- */
}

@font-face {
	font-family: "Campton W00 SemiBold";
	src: url("campton-semibold/a2a547e9379f8522555d278a2bf98ab7.eot"); /* IE9*/
	src: url("campton-semibold/a2a547e9379f8522555d278a2bf98ab7.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("campton-semibold/a2a547e9379f8522555d278a2bf98ab7.woff2") format("woff2"), /* chrome, firefox */
		url("campton-semibold/a2a547e9379f8522555d278a2bf98ab7.woff") format("woff"), /* chrome, firefox */
		url("campton-semibold/a2a547e9379f8522555d278a2bf98ab7.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
		url("campton-semibold/a2a547e9379f8522555d278a2bf98ab7.svg#Campton W00 SemiBold") format("svg"); /* iOS 4.1- */
}

@font-face {
	font-family: "Variane Script";
	src: url("variane/bcba0f0b66e10349b4a115bc1e764f3d.eot");
	src: url("variane/bcba0f0b66e10349b4a115bc1e764f3d.eot?#iefix") format("embedded-opentype"),
		url("variane/bcba0f0b66e10349b4a115bc1e764f3d.woff2") format("woff2"),
		url("variane/bcba0f0b66e10349b4a115bc1e764f3d.woff") format("woff"),
		url("variane/bcba0f0b66e10349b4a115bc1e764f3d.ttf") format("truetype"),
		url("variane/bcba0f0b66e10349b4a115bc1e764f3d.svg#Variane Script") format("svg");
}

@font-face {
	font-family: "Roboto";
	src: url("Roboto/Roboto-Regular.ttf") format("truetype");
}

body.portal {
    font-family: Roboto, Arial, sans-serif;
    font-size:11pt;
    height:100%;
    margin: 0;
    color: #444444;
    background-color: white;
}

body.portal > header {
	color: #ed3c4b;
	text-align: center;
	background: url(../img/icons/muyomi_concept.png) 22pt 22pt no-repeat;
	background-size: 72pt;
}

body.portal > header > .title {
	font-family: Campton W00 SemiBold;
	margin: 0;
	font-size: 72pt;
	line-height: 125%;
	vertical-align: bottom;
}

body.portal > header > .title > .subtitle {
	font-family: Variane Script;
	font-size: 28pt;
	font-weight: bold;
	line-height: 100%;
}

body.portal > header > button {
	color: #ed3c4b;
	border-color: #ed3c4b;
}

body.portal main div.image {
	height: 50vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

body.portal main div.image.header {
	background-image: url(../img/portal/adults-analysis-brainstorming-1661004.jpg);
}

body.portal main article {
	margin: 5vmin 20vmin 10vmin 20vmin;
}

body.portal main article > p {
	text-align: justify;
	line-height: 150%;
}

body.portal main article h1, article h2, table th {
	font-family: Campton W00 Light;
}

body.portal main article h1 {
	margin: 0;
	font-size: 20pt;
	text-align: left;
	font-weight: bold;
}

body.portal main a, body.portal main a:visited {
	color: black;
}

@media ( max-width: 800px ) {
	body.portal {
		font-size:9pt;
	}
	
	body.portal > header {
		background: url(../img/icons/muyomi_concept.png) 4vmin center no-repeat;
		background-size: 16vmin;
		padding-left: 0;
	}
	
	body.portal > header > .title {
		font-size: 10vmin;
	}
	
	body.portal > header > .title > .subtitle {
		font-size: 6vmin;
	}
	
	body.portal main article {
		margin: 10vmin 15vmin 10vmin 15vmin;
	}
	
	body.portal main article h1 {
		font-size: 12pt;
		line-height: 120%;
		margin-bottom: 5pt;
	}
}