@font-face {
    font-family: 'f';
    src: url('/assets/fonts/ar.woff2') format('woff2');
    font-weight: 100, 200, 400, 800, 900;
    font-style: normal, bold;
    font-display: swap;
}

/* Colore arancione personalizzato */
:root {
  --orange: #ff4e0b;
}

body{
    font-family:'f', sans-serif;
    margin:0;
    background:#fff;
    color:#000;
}

h3.title{
	color: var(--orange);
	font-weight: 800;
	line-height: 100%;
}

h4.title{
	font-size: calc(1.3rem + .6vw);
	font-weight: 800;
	line-height: 100%;
}

.logo-img {
    height: 40px;
}

/* Logo mobile */
@media (max-width: 767.98px) {
    .logo-img {
        height: 24px;
    }
    .container.catalogue {
        padding-left: 1rem;  /* corrisponde a px-3 */
        padding-right: 1rem;
    }    
}

/* Stile bottone Contact us */
.btn-contact {
  border: 2px solid black;
  border-radius: 50px; /* arrotondato lato destro e sinistro */
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 10px 50px;
}

.btn-contact.black {
  color: white;
  background-color: black;
}

.btn-contact:hover{
	color: white;
	background-color: var(--orange);
}

/* Sezione arancione */
.section-orange {
  background-color: var(--orange);
  border-radius: 0.8rem;
  padding: 4rem 2rem;
  margin: 2rem 0;
}

/* Footer */
footer {
  background-color: black;
  color: var(--orange);
  padding: 2rem;
}

/* Piccolo aggiustamento testi */
.section-orange h1,
.section-orange h2 {
  color: white;
  line-height: 100%;
}

.section-orange h1{
	font-size: 64px!important;
	font-weight: bold!important;
}