/* CSS Document */

@font-face {
    font-family: 'rubik';
    src: url('css/fonts/rubik/Rubik-VariableFont_wght.ttf') format('truetype');
}

* {
	color:			var(--main-text-color);
	font-family:	Rubik,sans-serif	
}

p {
	font-size:		30px;
	font-weight:	100;
	line-height:	50px;
	margin-top:		40px;
}

li {
	font-size:		30px;
	font-weight:	100;
	line-height:	50px;
}


h1 {
	font-weight:	600;
	font-size:		48px;
	color:			var(--builtit-blue);
	padding-top:	70px;
}

h2 {
	font-weight:	600;
	font-size:		36px;
	color:			var(--builtit-blue);
}


h3 {
	font-weight:	600;
	font-size:		24px;
	color:			var(--builtit-blue);
}


h4 {
	font-weight:	600;
	font-size:		18px;
  	height: 		0.0rem;
}

#header {
	color:			var(--builtit-text-color);	
}

#footer {
	color:			var(--builtit-text-color);	
}

.button {
	color:			#fff;
	font-weight:	600;
	font-size:		20px;
}

.nav-link,
.nav-link:hover,
.nav-link:active,
.nav-link:visited{
	color:			#fff;
	font-weight:	400;
	font-size:		20px;
}

.caption{
	font-size: 		10px;	
}

.grid-child-branded{
	color:			var(--builtit-text-color);	
}

.branded {
	color:			var(--builtit-text-color);		
}