@font-face {
  font-family: capitol;
  src: url("./processSito/Industry-Book.woff");
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

br {
  line-height: 5%;
}

h1 {
  margin-top: 8px;
  font-family: "capitol", sans-serif;
  color: white;
}

h2 {
  font-family: "capitol", sans-serif;
  color: white;
  text-align: center;
}

.paragraphAbout {
  font-family: "capitol", sans-serif;
  font-style: normal;
  font-size: 17px;
  font-weight: 900;
  color: black;
  width: 95%;
  height: 100%;
}

.title {
  display: block;
  margin: 9px auto;
  margin-bottom: 50px;
  height: 4%;
  width: 90%;
}

.contenitore {
  margin: 0 auto;
  background-size: inherit;
  display: flex;
  flex-direction: column;
  width: 78%;
  align-items: center;
  justify-content: center;
}

.firstParagraph {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: 78%;
  height: 100%;
  max-height: 500px;
}

.about {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.aboutImg {
  position: relative;
  width: 416px;
  height: 300px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12%;
  z-index: 1;
}

.aboutscritta {
  position: relative;
  width: 300px;
  height: 100px;
  margin: 0 auto;
}

.negozio {
  width: 60%;
  height: 30%;
}

.catalogo {
  width: 60%;
  height: 30%;
}

img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}

@media screen and (max-device-width: 1248px) {
  .firstParagraph {
    flex-direction: column;
    max-height: 100%;
  }
  .paragraphAbout {
    font-size: 30px;
  }
  
  .aboutscritta {
      margin-top: 15px;
  }
  
}
/*@media screen and (max-device-width: 1248px) {*/
  
/*}*/
@media screen and (max-device-width: 425px) {
  .firstParagraph {
    flex-direction: column;
    max-height: 100%;
    max-width: 85%;
  }
  
  
}