/* BODY ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body {
background-color: #000;
color: #333;
color: #666;
font-family:
        "M+ C Type-1 (basic latin) Light",
        "Helvetica Neue", Arial, 
        "M+ Type-1 (general-j) Light",
        sans-serif;
font-size: 0.95rem;
line-height: 2rem;
margin: 0 auto;
width: 40rem;
-webkit-text-size-adjust: 100%;
}

sup {
line-height: 0;
}

/* LINK ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

a:link,
a:visited {
color: #999;
text-decoration: none;
}

ul#feature a:link,
ul#feature a:visited {
color: #666;
}

a:hover {
opacity: 0.4;
}

a:active {
opacity: 0.0;
}

/* HEAD ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

section#header {
line-height: 0;
margin: 0 auto;
text-align: center;
}

img#mplus_logo {
width: 25rem;
}

ul#feature, ul#lang {
font-family: "M+ C Type-1 (basic latin) Black";
list-style: none;
padding: 0;
}

ul#feature {
display: flex;
display: -webkit-flex;
font-size: 1rem;
justify-content: space-between;
	-webkit-justify-content: space-between;
letter-spacing: 0.1rem;
line-height: 1rem;
margin-top: 1.5rem;
}

ul#lang {
font-size: 1.4rem;
letter-spacing: 0.2rem;
line-height: 4rem;
margin-top: 3rem;
}

img#go_download {
margin-top: 6rem;
width: 5.5rem;
}

section {
margin: 6rem 0;
}

/* MULTILINGUAL ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.sample{
color: #666;
font-size: 4rem;
line-height: 4rem;
text-align: center;
}

div.multilingual {
font-family:
	"M+ Type-1 (general-j) Light",
	"M+ P Type-1 (basic latin) Light",
	"M+ P Type-1 (multi latin) Light";
letter-spacing: 0.2rem;
}

/* MULTIWEIGHT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.multiweight {
letter-spacing: 0.4rem;
}

span#multiweight-thin {
font-family: "M+ C Type-1 (basic latin) Thin";
}

span#multiweight-medium {
font-family: "M+ C Type-1 (basic latin) Medium";
}

span#multiweight-black {
font-family: "M+ C Type-1 (basic latin) Black";
}

/* MULTISTYLE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.multistyle {
letter-spacing: 0.4rem;
margin: -1rem 0 2rem 0;
}

span#multistyle-p1 {
font-family: "M+ P Type-1 (basic latin) Bold";
}

span#multistyle-p2 {
font-family: "M+ P Type-2 (basic latin) Bold";
}

span#multistyle-c1 {
font-family: "M+ C Type-1 (basic latin) Bold";
}

span#multistyle-c2 {
font-family: "M+ C Type-2 (basic latin) Bold";
}

/* FONT FILES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.files {
font-family: "M+ P Type-1 (basic latin) Black";
}

/* COMPLETELY FREE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.license {
font-family: "M+ P Type-2 (basic latin) Thin";
letter-spacing: 0.4rem;
}

/* DOWNLOAD ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

img#download {
width: 5.5rem;
}

/* WEBFONTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.webfonts {
font-size: 3rem;
}

span#webfonts-web {
font-family: "M+ C Type-1 (basic latin) Black";
}

span#webfonts-fonts {
font-family: "M+ C Type-1 (basic latin) Light";
}

span#webfonts-question {
font-family: "M+ C Type-1 (basic latin) Regular";
}

/* AND MORE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.more {
font-family: "M+ C Type-1 (basic latin) Black";
font-size: 2rem;
line-height: 2rem;
margin: 10rem 0;
padding-left: 1.5rem;
}

/* MULTILINGUAL 2 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1
{
color: #666;
font-family: "M+ C Type-1 (basic latin) Black";
font-size: 1rem;
font-weight: normal;
letter-spacing: 0.05rem;
margin-bottom: 1.5rem;
}

p.sample_2
{
margin: 1.6rem 0 1.2rem;
}

p.shaken a
{
font-family: "M+ Type-1 (sample-j) Light";
font-size: 2.8rem;
}

p.multi_latin a
{
font-family: "M+ P Type-1 (multi latin) Bold";
font-size: 3.2rem;
}

table#lang_list {
width: 100%;
}

/* MULTIWEIGHT 2 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.multiweight {
display: flex;
display: -webkit-flex;
justify-content: space-between;
	-webkit-justify-content: space-between;
list-style: none;
padding: 0;
}

ul.multiweight li {
text-align: center;
width: 4rem;
}

ul.multiweight span {
color: #999;
font-size: 2.8rem;
}

ul.w7 span.thin {
font-family:
	"M+ Type-1 (sample-j) Thin",
	"M+ P Type-1 (basic latin) Thin";
opacity: 0.4;
}
ul.w7 span.light {
font-family:
	"M+ Type-1 (sample-j) Light",
	"M+ P Type-1 (basic latin) Light";
opacity: 0.5;
}
ul.w7 span.regular {
font-family:
	"M+ Type-1 (sample-j) Regular",
	"M+ P Type-1 (basic latin) Regular";
opacity: 0.6;
}
ul.w7 span.medium {
font-family:
	"M+ Type-1 (sample-j) Medium",
	"M+ P Type-1 (basic latin) Medium";
opacity: 0.7;
}
ul.w7 span.bold {
font-family:
	"M+ Type-1 (sample-j) Bold",
	"M+ P Type-1 (basic latin) Bold";
opacity: 0.8;
}
ul.w7 span.heavy {
font-family:
	"M+ Type-1 (sample-j) Heavy",
	"M+ P Type-1 (basic latin) Heavy";
opacity: 0.9;
}
ul.w7 span.black {
font-family:
	"M+ Type-1 (sample-j) Black",
	"M+ P Type-1 (basic latin) Black";
opacity: 1.0;
}

ul.w5 span.thin {
font-family: "M+ MN Type-1 (basic latin) Thin";
opacity: 0.4;
}
ul.w5 span.light {
font-family: "M+ MN Type-1 (basic latin) Light";
opacity: 0.5;
}
ul.w5 span.regular {
font-family: "M+ MN Type-1 (basic latin) Regular";
opacity: 0.6;
}
ul.w5 span.medium {
font-family: "M+ MN Type-1 (basic latin) Medium";
opacity: 0.7;
}
ul.w5 span.bold {
font-family: "M+ MN Type-1 (basic latin) Bold";
opacity: 0.8;
}

section#multiweight-2 div {
margin-top: 2rem;
}


/* MULTISTYLE 2 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

p.style_sample-j {
margin-top: 4.5rem;
}

p.style_sample-j span {
font-size: 10rem;
}

p.style_sample-j span.j1 {
font-family: "M+ Type-1 (sample-j) Thin";
}
p.style_sample-j span.j2 {
font-family: "M+ Type-2 (sample-j) Thin";
}

p.style_sample-pc span {
font-size: 3.2rem;
}

p.style_sample-pc span.p1 {
font-family: "M+ P Type-1 (basic latin) Black";
}
p.style_sample-pc span.c1 {
font-family: "M+ C Type-1 (basic latin) Black";
}
p.style_sample-pc span.m1 {
font-family: "M+ M Type-1 (basic latin) Regular";
}

p.style_sample-pc span.mn1 {
font-family: "M+ MN Type-1 (basic latin) Regular";
}

/* FONT FILES 2 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h2 {
color: #999;
font-family: "M+ C Type-1 (basic latin) Heavy";
font-size: 0.95rem;
font-weight: normal;
}

p + h2 {
margin-top: 2rem;
}

section#files-2 ul {
list-style: none;
padding: 0;
}

/* DOWNLOAD 2 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

pre {
background-color: #999;
border-radius: 0.0rem;
color: #FFF;
font-family: "M+ MN Type-1 (basic latin) Regular";
margin: 1rem 0;
padding: 0.8rem 1rem;
}

/* WEBFONTS 2 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

p.font_change
{
margin: 3rem 0;
}

span.change_button a
{
border: 1px solid #CCC;
border-radius: 0.25rem;
padding: 1.0rem 1.5rem 1.1rem 1.5rem;
}

span.notes
{
color: #999;
}

/* LINKS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

p.link
{
margin-bottom: -1rem;
margin-top: 2rem;
}

/* COPYRIGHT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#copy_contents
{
font-size: 0.75rem;
letter-spacing: 0.04rem;
margin-bottom: 2rem;
margin-top: 8rem;
}