@import url('https://fonts.googleapis.com/css?family=Spectral&display=swap');
@font-face {
    font-family: 'terminal_grotesque';
    src: url('fonts/terminal-grotesque-webfont.eot');
    src: url('fonts/terminal-grotesque-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/terminal-grotesque-webfont.woff2') format('woff2'),
         url('fonts/terminal-grotesque-webfont.woff') format('woff'),
         url('fonts/terminal-grotesque-webfont.ttf') format('truetype'),
         url('fonts/terminal-grotesque-webfont.svg#terminal_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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

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

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

}

.preview.texte p{
	font-size: 1.8vw;
}

.preview.texte h1{
	font-size: 7vw;
	text-transform: uppercase;
	text-align: center;

}

.preview.texte h2{
	font-size: 4vw;
	text-transform: uppercase;
	text-align: center;

}

.preview.texte h3{
	font-size: 3.2vw;
	text-decoration: underline;
}

.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: blue; 
}

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

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

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

}