/* page-blank styles */
/* important: I use the typekit.com service to distribute fonts. The fallback is: sans-serif. */

body {
	padding:1em 1em 2em;
	background:white; color:#182842;
	font-size: 22px;
}

.content_readable,
.content p {
	width: 34em; /* Line length optimal for max 75 chars. And 1 char ~ 0.5em. */
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
}

/*first: let the layout disappear*/
#page {
    display: block;
}


#content {
    display: block;
}

#footer div{
	padding-top: 0.7em;
}

/*-------------------------------*/

center {
	display:block;
	box-sizing:border-box;
	max-width:1000px;
	margin:0 auto;
}

img {
	box-sizing:border-box;
	max-width:100%;
	height:auto;
}

figure {
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

figcaption {
	font-size: 0.8em;
	opacity: 0.5;
}

figcaption p {
	margin-top: 0.5em;
}

.text-center {
	text-align:center;
}

.clear {
	clear:both;
}

.limited {
	max-width:30%;
	height:auto;
}

.bordered {
	border:0.55vw solid #f2db6a;
}

h1,h2,h3,h4,h5,
.IsPage h2 {
	font-family: acumin-pro-extra-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#182842;
}
h1 {
	font-size: 150px;
	line-height: 165px;
}
h2,
.IsPage h2 {
	font-size: 85px;
	line-height: 82px;
	text-align: center;
}


.portrait_preview h2 {
	font-size:50px;
	line-height: 55px;
}
h3 {
	font-size: 75px;
	line-height: 82px;
	text-align: center;
	margin-top: 0.6em;
}
h3::before,
#footer::before {
	content:"+\A";
	font-size: 75px;
	white-space: pre;
}

.kick_normal {
	margin-bottom: 1em;
}
.return_button {
	display: block;
	position: absolute;
	left: 0; top: 20px;
}
	.return_button a {
		text-decoration: none;
		padding: 15px 25px;
	}

.button,
.button:visited {
	border-color: #182842;
	color: #182842;
}
.button, .button:visited,
.button:active, .button:hover{
	color: #182842;
	text-decoration:none;
}

a, a:visited,
a:active, a:hover{
	color: #182842;
	text-decoration:none;
}

a.mark-link {
	padding-bottom:0.1em;
	border-bottom:1px dotted #1c355e;
}

.hidden {
	display:none;
}

.medium_portrait_preview { /* duplicate of styly.css just for reference for the rule below */
	margin-right: 34px;
	margin-left: 34px;
}
.medium_portrait_preview:nth-child(3n) { /* override of default definition from styly.css as can't count on rows of 3 because the content width is uncertain at this page */
	margin-right: 34px;;
}