/* div, hr {border: 1px solid red;} */


html {
	scroll-behavior: smooth;
	margin: 0;
	padding: 0;
}

body,
div {
	margin: 0;
	padding: 0;
}

p {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}


/* Default flexbox row container */
.row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}


/* ------------------------ FONTS ------------------------ */
/* Base fonts: */
.header-font {
	font-family: bodoni-urw, serif;
	font-weight: 500;
	font-style: normal;
	color: black;
}

/* .header-font {
	font-family: "Libre Bodoni", georgia, serif; 
    font-weight: 500;
	font-style: normal;
    color: black;
} */

.body-font {
	font-size: 1.5vw;
	/* font-size: 24px; */
	font-family: baskerville-urw, serif;
	text-align: center;
	font-weight: 400;
	font-style: normal;
	color: black;
}

/* Derivative Fonts */
.title-font {
	font-size: 7vw;
	text-align: left;
}

.hero-text-font {
	font-size: 2vw;
}

.subheader-font {
	font-size: 3.5vw;
	/* font-size: 55px; */
	text-align: center;
	font-weight: 300;
}

.eil-font {
	font-size: 3vw;
	font-weight: 700;
	text-align: center;
}

.footer-font {
	font-size: 1.2vw;
	text-align: right;
}



/* ------------------------ SECTIONS ------------------------ */


.header {
	padding: 1% 2% 1%;
	border-bottom: 1px solid #f0f0f0;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	width: 96%;

	transition: 0.8s;
}

.chi-siamo {
	padding: 20% 15% 8%;
}

.lavoriamo-insieme {
	padding: 8% 0% 14%;
	row-gap: 12vh;
	column-gap: 10%;
}

.hero-image {
	height: 43vw;
}

.contattaci {
	padding: 10% 20% 8%;
	border-top: 0.5px solid #f0f0f0
}

.footer {
	padding: 10% 2% 2%;
}






/* ------------------------ RESPONSIVE ------------------------ */



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {

	.title-font {
		font-size: 10vw;
	}

	.subheader-font {
		font-size: 12vw;
	}

	.body-font {
		font-size: 6vw;
	}

	.footer-font {
		font-size: 4vw;
	}

	.header {
		padding: 2% 4% 2%;
		width: 92%;
		transition: 0.4s;
	}

	.chi-siamo {
		padding: 36% 5% 12%;
	}

	.lavoriamo-insieme {
		flex-direction: column-reverse;
		padding: 12% 0% 32%;
	}

	.lavoriamo-insieme .body-font {
		padding: 0% 5% 0%;
	}

	.contattaci {
		padding: 16% 5% 24%;
	}

	.footer {
		padding: 16% 4% 4%;
	}


	.hero-image {
		width: 120%;
		height: auto;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
/* @media only screen and (min-width: 768px) { }*/

/* Large devices (laptops/desktops, 992px and up) */
/* @media only screen and (min-width: 992px) {} */

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* @media only screen and (min-width: 1200px) {...} */