@font-face {
  font-family: 'Ortica';
  src: url('fonts/Ortica-Light.woff2') format('woff2'),
    url('fonts/Ortica-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ortica';
  src: url('fonts/Ortica-Bold.woff2') format('woff2'),
    url('fonts/Ortica-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body{
	font-family: "Ortica", serif;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

.preview{
	background: #000; 
	color: #FFF;
}

.preview.texte{
	background: #000; 
	color: #FFF;
	padding: 10px 40px 100px 40px;
}

.preview.texte .image-wrapper{
	// position: relative;
	margin-top: 20px;
	margin-bottom: 80px;
}

.preview .image-wrapper{
	padding-left: 20px;
	padding-right: 20px;
}

.preview.texte p, 
.preview.texte h1,
.preview.texte h2,
.preview.texte h3,
.preview.texte h4{
	letter-spacing: 1px;
}    

.preview.texte p{
	font-size: 5vw;
	margin:0;
}

.preview.texte h1{
	font-size: 10vw;
	text-align: center;
	margin:0;
	margin-top: 50px;

}

.preview.texte h2{
	font-size: 1.8vw;

}

.preview.texte h3{
	font-size: 5vw;
	text-align: center;
	margin: 0;
}

.preview.texte h4{
	font-size: 3.2vw;
	font-weight: normal;
}

.preview.texte h5{
	font-size: 2.5vw;
	font-weight: normal;
}

.preview.texte h6{
	font-size: 1.5vw;
	font-weight: normal;
}

.preview.texte a{
	color: #FFF;
	text-decoration: none; 
}

.preview.texte a:hover{
	text-decoration: underline; 
}

.preview.texte ul{
	font-size: 5vw; 
}

.preview.texte ul li{
	margin-bottom: 10px;
}

.preview.texte ul li::before{
	content:"—";
	margin-right: 20px; 
}