* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-appearance: none; */
	/* border:1px solid pink; */
}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; }
body {
	margin:0;
	font-family:arial,helvetica,sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#333;
	background:#000 url('book-panorama-80.png') center center;
	background-size:cover;
}
img { max-width:100%; height:auto; }

a { color:#333; } 
a:hover { text-decoration:none; }
body > div > div { 
	max-width:1000px;
	margin:0 auto;
	padding:20px 50px;
}

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

body:before { content:''; background:rgba(0,0,0,0.8); position:absolute; top:0; right:0; bottom:0; left:0; display:none; }
body > div { position:relative; } 

.flex { display:flex; }
.intro { text-align:center; color:#fff; font-size:23px; } 
.half { justify-content:space-around; }
.half > *:first-child { width:40%; } 
.half > *:last-child { width:50%; } 

.fullBlock { height:99vh; display:flex; flex-direction:column; justify-content:center; } 

@media screen  and (max-width:800px){ 
	.intro { font-size:2.6vw; } 
}