@charset "utf-8";
/* CSS Document */

.legal-h1{
	font-family: "Roboto";
    color: var(--color-text-1);
    font-weight: var(--weight-font-h1);
    font-size: var(--size-font-h1);
    text-align: center;
    margin-top: 10px;
}

.legal-h2{
	font-family: "Roboto";
	color: var(--color-text-1);
    font-weight: bold;
    font-size: var(--size-font-h2);
    text-align: left;
	margin: 15px 0 15px 50px;
}

.legal-p{
	font-family: "Roboto";
    color: var(--color-text-1);
    font-size: var(--size-font-p);
    text-align: justify;
}

.legal-p a{
	color: var(--color-text-1);
	text-decoration: none;
}

.legal-p a:hover{
	text-decoration: underline;
}

.margin-p-symmetric{
	margin: 0 50px 15px 50px;
}

.margin-p-asymmetric{
	margin: 0 50px 15px 0px;
}

.legal-ol-first{
	margin-left: 100px;
	list-style-type: decimal;
}

.legal-ol-first li{
	font-family: "Roboto";
	font-size: var(--size-font-p);
}

.legal-ol-second{
	margin-left: 30px;
	list-style-type: lower-alpha;
}

.legal-ol-second li{
	font-family: "Roboto";
	font-size: var(--size-font-p);
}

.legal-ul-1{
	margin-left: 100px;
	list-style: none;
}

@media screen and (max-width: 1245px){
	.legal-h1{
		font-size: var(--size-font-h1-1245);
	}
	
	.legal-h2{
		font-size: var(--size-font-h2-1245);
	}
	
	.legal-p{
		font-size: var(--size-font-p-1245);
	}
	
	.legal-ol-first li{
		font-size: var(--size-font-p-1245);
	}
	
	.legal-ol-second li{
		font-size: var(--size-font-p-1245);
	}
}
	
@media screen and (max-width: 768px){
	.legal-p a{
		text-decoration: underline;
	}	
}