@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");

@import url("https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css");

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
body {
	font-family: "Plus+Jakarta+Sans", sans-serif;
	color: var(--colore-1);
}

:root {
	--colore-1: #00355d; /* dark blue */
	--colore-2: #1373a8; /* blue */
	--colore-3: #169fcc; /* sky blue */
	--colore-4: #30a016; /* green */
	--colore-5: #9ced40; /* light green */
}

section {
	padding: 2rem 10rem;
	margin: 0;
	align-items: center;
	text-align: center;
}
h2 {
	color: var(--colore-2);
	font-size: 2.5rem;
	font-weight: bold;
	margin: 0 0 1ren 0;
}
h3 {
	font-size: 1.7rem;
	font-weight: bold;
	margin: 5ren 0 5rem 0;
}
p {
	font-size: 1.4rem;
	color: var(--colore-1);
	margin: 1rem;
}
p strong {
	color: var(--colore-2);
}
a {
	font-size: 3rem;
	font-weight: bold;
}
i {
	font-size: 1.5rem;
}

.btn-contattaci {
	border: 2px solid var(--colore-1);
	background-color: var(--colore-2);
	color: white;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: auto;
	padding: 10px 20px;
	border-radius: 10px;
	transition: background-color 0.3s ease, color 0.3s ease;
	margin: 1rem;
	font-weight: bold;
}
.btn-contattaci::before {
	font-size: 1rem;
	content: "Scopri di più";
}
.btn-contattaci:hover {
	background-color: var(--colore-1);
	color: var(--colore-2);
}

.two_col_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}
.two_col_grid div {
	padding: 0 20%;
	margin: auto 0 auto 0;
}
.two_col_grid img {
	max-height: 20rem;
	margin: auto;
}

@media (max-width: 1024px) {
	section {
		padding: 2.5rem 5rem;
	}
}
@media (max-width: 768px) {
	section {
		padding: 2rem 0 0 0;
	}
	h2 {
		margin: 2rem 0 0 0;
	}
	h3 {
		margin: 0;
	}

	.two_col_grid {
		grid-template-columns: 1fr;
	}
	.two_col_grid div {
		padding: 0;
	}
}