body {
    font-family: 'Roboto', sans-serif;
}

.bg-intro {
	background-image: url('../img/introbg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 550px;
    display: flex;
    align-items: center;
}

.bg-out {
	background-color: #F89825;
	padding: 50px;
	color: #ffffff;
}

.bg-header {
    padding: 20px;
}

.bg-about {
	background-color: #000000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	padding: 50px;
}

.intro-header {
   	font-size: calc(1.9rem + 1.9vw);
	font-weight: 900;
    color: #ffffff;
    text-align: center;
}

.title-header {
   	font-size: calc(1.9rem + 1.9vw);
	font-weight: 900;
    text-align: center;
}

.text-header {
	font-size: calc(1.2rem + 0.9vw);
	font-weight: 400;
}

.text-normal {
	font-family: 'Inter', sans-serif;
	font-size: calc(0.7rem + 0.7vw);
	font-weight: 100; 
}