body{
	margin:0;
	width: 100%;
	overflow-x: hidden;
	opacity: 0; 
}

img{
	max-width: 100%;
}

a:hover{
	text-decoration: underline;
}

.arrow-up {
  position: fixed;
  bottom: 20px;
  right: 45px;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  opacity: 0;
  border-radius: 35px;
  transition: all 0.3s ease; 
}
  .arrow-up:hover {
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer; }
    .arrow-up:hover span {
      top: 5px; }
  .arrow-up span {
    color: #FFF;
    margin: 0;
    position: relative;
    left: 18px;
    top: 12px;
    font-size: 32px;
    transition: all 0.3s ease; }


.cover .title{
	font-size: 17vw;
	line-height: 1;
	text-align: center; 
	padding-bottom: 0;
	width:100%;
	padding-left:0;
	padding-right: 0;
}

.cover figure{
	width: 50%;
	margin: auto;
}

.download {
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 80px;
  font-size: 1.5em;
  line-height: 1.3125;
  border: 1px solid #000;
  background: #000;
  padding: 20px;
  max-width: 250px;
  font-family: "share", sans-serif;
  margin-left: calc(var(--uu)*2);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}

.download a{
	color: #FFF;
}

.toc ol{
	font-size: 1.5em;
	text-align: center; 
	width: 100%;
}

.toc ol li{
	margin-bottom: 20px; 
}

.toc ol li, .toc ol li a{
	padding: 0;
}

.pretitle{
	margin-top: 50px;
	margin-bottom: 50px;
	height: 500px;
	background-size: 100%;
}

main{
	border-left: 40px solid var(--main-color);
	border-right: 40px solid var(--main-color);
	padding-bottom: 100px;
}

h2, h3, h4, h5, p, ul, ol{
	width: 60%;
	margin: auto;
	hyphens: none;
	text-align: left;
	margin-bottom: var(--u);
	margin-top: var(--uu);
} 


h2{
	font-size: 4.5em;
	line-height: 1;
	margin-top: calc(var(--uu)*2);
}

h3{
	font-size: 3em;
	line-height: 1.1;
	margin-top: calc(var(--uu)*2);
}

h4{
	font-size: 2em;
	line-height: 1.1;
	margin-top: var(--uu);
}

h5{
	font-size: 1.5em;
	padding-left: 0px;
	line-height: 1.3;
}
h5 em{
	margin-left: -45px;
	width: 25px; 
	height: 25px;
	border-radius: 100%;
	top: 5px;
	/*top: -8px;*/
/*	padding-top: 8px;
	padding-left: 5px;
	padding-right: 3px;*/
}

figure{
	margin-bottom: var(--uu);
	margin-top: var(--uu);
}

figcaption{
	font-size: 1em;
	padding-top: 5px;
}

ol{
	padding-left: 45px;
}

p, ul, ol{
	font-size: 1.5rem;
	line-height: 1.3;
}

li > p{
	width: 100%;
}



@media only screen and (max-width: 48em){
	.cover figure{
		width: 90%;
	}
	.cover .title{
		font-size: 25vw;
	}

	h2, h3, h4, h5, p, ul, ol, figure{
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	.toc ol, .download{
		font-size: 1.3em
	}

	main{
		border-left: 20px solid var(--main-color);
		border-right: 20px solid var(--main-color);
	}
	p, ul, ol{
		font-size: 1.25rem;
	}
	h2{
		font-size: 3em;
		line-height: 1;
		margin-top: calc(var(--uu)*2);
		hyphens: auto;
	}

	h3{
		font-size: 2.2em;
		line-height: 1.1;
		margin-top: calc(var(--uu)*2);
	}

	h4{
		font-size: 1.7em;
		line-height: 1.1;
		margin-top: var(--uu);
	}

	h5{
		font-size: 1.3em;
		padding-left: 0px;
		line-height: 1.3;
	}
	h5 em{
		display: none;
	}

	figure + figure{
		margin-left: auto; 
		margin-right: auto;
	}


}