body {
  background-color: #fff;
  color: #000;
  font-family: 'Canva Sans', Arial, Helvetica, sans-serif;
  line-height: normal;
}

img {width: 100%;}

h1 {
  font-size: 50px;
  font-weight: 700;  
}

h2 {
  font-size: 50px;
  font-weight: 700;  
  margin: 20px 0;
}

.eventi h2,
.incontri h2 {
  margin-bottom: 60px;
}

h3 {
  font-size: 26px;
  font-weight: 700;  
  margin: 20px 0;
}

p {
  font-size: 24px;
  font-weight: 400;
  margin: 20px 0;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.container {
  max-width: 1160px;
  padding: 0 30px;
}

header, footer, section {
  padding: 30px 0; 
}

header, .incontri {
  background-color: rgb(237, 237, 237);
}
header .ti-titolo {
  text-align: right;
}
header .ti-logo {
  text-align: center;
}
header .ti-logo img {
  max-width: 140px;
  text-align: center;
}

.hero {
  background: url("../risorse/hero.png") no-repeat center center;
  height: 500px;
  width: 100%;
}

.ritorno h2 {
  color: rgb(103, 46, 229);
}
.ritorno h3 {
  background-color: rgb(244, 183, 0);
  color: rgb(46, 28, 73);
  display: inline-block;
  font-size: 40px;
  font-weight: 400;
  padding: 10px 20px;
}
.ritorno p {
  font-size: 40px;
}

.incontri h3 {
  text-align: center;
}
.incontri p {
  text-align: center;
}

.eventi .container > h3 {
  font-size: 26px;
  font-weight: 400;
  text-align: center;
}
.eventi .container h3 a {
  background-color: rgb(244, 183, 0);
  box-shadow: 5px 5px 0px 0px #000000;
  color: rgb(46, 28, 73);
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
}
.eventi .container h3 a:hover {
  text-decoration: none;
  background-color: rgb(103, 46, 229);
  color: #fff;
}

footer {
  background-color: rgb(103, 46, 229);
  color: #fff;
}
footer hr {
  border: 1px solid #fff;
  opacity: unset;
}
footer p {
  font-size: 18px;
}
footer img {
  width: auto;
}
footer .ti-cc {
  width: 190px;
}