@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body{
	background-image: url('./assets/bg_courtesy.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

h1,p {
	font-family: Montserrat;
	word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
	line-height: 120%;
}

h1{
	font-size: clamp(18px, 2.2vw, 40px);	
    font-weight: 700;
	
}

p{
	font-size: clamp(16px, 1.5vw, 28px);
}

.header .logo{
	width:240px;
}


body{
	margin:0px;
	height: 100dvh;
}


.page.page_courtesy .header{
	display:flex;
	justify-content: center;
	background-color:black;
	height: 12vh;
	min-height: 70px;
}

.page.page_courtesy main{
	min-height:500px;
	height:calc(100dvh - 12vh);
	display:flex;
	justify-content: center;
}
.contenuto{
	display:flex;
	text-align:center;
	flex-direction: column;
	justify-content: start;
	height: auto;
	max-width:1800px;
	margin-top: 10vh;
}

.testi{
	padding: 0 10vw;
}

.titolo span{
	font-weight: 400;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.social-icons a img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease-in-out;
}

.img_bus{
	margin-top:2vh;
	height:40vh;
}

.social-icons a:hover img {
    transform: scale(1.1);
}



/*Responsive mobile*/


@media (max-width: 1200px) {
	
	h1{
		font-size: clamp(18px, 3.2vw, 40px);	
	}

	p{
		font-size: clamp(16px, 2.5vw, 28px);
	}
	
  .page.page_courtesy main{
		min-height:500px;
		height:calc(100dvh - 22dvh);
		display:block;
	}
	
	.testi{
		padding: 0 5vw;
	}
	
	.img_bus{
		margin-top:10vh;
		width: 100%;
		height: auto;
		max-width:600px;
	}
	
}

@media (max-height: 800px ) {
	
	
	h1{
		font-size: clamp(18px, 2.2vw, 40px);	
		font-weight: 700;
	}	

	p{
		font-size: clamp(16px, 1.5vw, 28px);
	}
	
  .page.page_courtesy main{
		min-height:500px;
		
	}
	
	
	
}

@media (max-height: 600px ) {
	
	
	h1{
		padding-top: 40px;
	}	
	
}