* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-image: radial-gradient(#202020, #000);
}

header {
  position: relative !important;
}

.container-menu {
  max-width: 1080px;
  margin: auto;
}

.bio_container {
  /* In modo che tutte e due i testi stiano orrizontali alle immagini */
  display: flex;
  width: 100%;
  height: auto;

  margin: 3% 0;
}

.firma {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 100%;
}

.firma h1 {
  font: bold 3em sans-serif;
  color: #e3b028;
  text-align: justify;
}

.firma p {
  font: 400 1.5em sans-serif;
  color: #fff;
  margin-top: 20px;
}

.firma h2 {
  font-family: sans-serif;
  color: #fff;
  margin-top: 20px;
}

.firma img {
  width: 240px;
  margin: auto;
  margin-top: -24px;
}

.bio_img0 {
  width: 320px;
  height: 400px;
  margin-left: 4%;
  border: 3.2px solid #e3b028;
}

.bio_img1 {
  width: 510px;
  height: 320px;
  margin-right: 4%;
  border: 3.2px solid #e3b028;
}

.firma1 {
  margin: auto 0;
}

.firma1 h1 {
  font: bold 2.2em sans-serif;
  color: #e3b028;
  text-align: center;
}

.firma1 p {
  font: 400 1.4em sans-serif;
  color: #fff;
  margin-top: 30px;
  text-align: justify;
}

@media only screen and (max-width: 1080px) {
    .container-menu {
      max-width: 90%;
    }
  
    .bio_container {
      display: block;
      text-align: center;
      margin: 3% 0 6% 0;
    }
  
    .firma {
      margin: auto;
      width: 100%;
    }
  
    .bio_img0 {
      width: 45%;
      height: auto;
      margin-left: 0%;
    }
  
    .firma1 h1 {
      margin-top: 20px;
    }
  
    .bio_img1 {
      width: 85%;
      height: auto;
      margin-right: 0%;
    }
  }
  @media only screen and (max-width: 480px) {
    main {
      padding-bottom: 15%;
    }
  }
  
  @media only screen and (max-width: 525px) {
    .bio_img0 {
      width: 80%;
    }
    .bio_img1 {
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 423px) {
    .firma h1 {
      font: bold 2.5em sans-serif;
    }
  
    .firma p {
      font: 400 1em sans-serif;
      color: #fff;
      margin-top: 20px;
    }
  
    .firma1 h1 {
      font: bold 1.7em sans-serif;
    }
  
    .firma1 p {
      font: 400 0.9em sans-serif;
    }
  }