:root {
    --h-color: #031012;
    --p-color: #5E6263;
}

.legal{
	padding-top: 20px;
    width:1040px;
    margin:0 auto; 
}

.legal h1 {
	font-size: 38px;
	font-family: 'HK Grotesk_bold';
	color: var(--h-color);
	padding-top: 28px;
}

.legal h3 {
    color: var(--h-color);
    font-family: 'HK Grotesk_semibold';
}

.legal p {
    font-size: 17px;
    color: var(--p-color);
	padding-top: 12px;
}

.legal .block{
	display: block;
	padding-top: 39px;
}

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

.ep-legal_name::before {
	content: 'EPTIC';
}

.ep-legal_id::before {
	content: 'B 530 328 442';
}

.ep-legal_address::before {
	content: "104 rue Reaumur 75002 Paris";
}

.ep-legal_email::before {
	content: 'guillaume.autret@gmail.com';
}

.ep-legal_director::before {
	content: 'M. Guillaume Autret';
}

@media screen and (max-width:1100px) {
	.navbar{
        width: 100%;
    }
    .nav-bg{
        width: 100%;
    }
    .logo{
        width: 100%;
    }
    .lien{
        width: 100%;
        padding-right: 0px;
    }
    .legal{
        width: 900px;
    }
}
@media screen and (max-width:950px) {
    .legal{
        width:auto;
        padding: 0 20px;
    }
    .legal h1 {
        font-size: 30px;
    }    
}