.container {
    font-family: var(--letter-font);
  text-align: center;
  color: var(--color-base);
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("./img/PastelMolhojpg.jpg");
  background-size: cover;
  background-position: center;
  
/*  this is where the magic happens:  */
  background-attachment: fixed;
}

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

.p_history {
  font-size: 35px;
}

.backgroundHistory{
    max-width: 90vw;
    background-color: var(--color-black-transparent);
    border-radius: 10px;
}




.blank,
.other {
  width: 100%;
  min-height: 40vh;
  background-color: var(--color-accent-dark);
}

.second {
  background-image:url("./img/FabricaCovilhã.jpeg");
  background-attachment: fixed;
  height: 1200px;
}

.third{
    background-image: url("./img/PastelMolhojpg.jpg");
    background-attachment: fixed;
    height: 1200px;
}

.fourth{
    background-image: url("./img/RegionalSerraEstrela.jpg");
    background-attachment: fixed;
    height: 1200px;
}
.card > a {
  margin-bottom: 2em;
}

.item {
  display: flex;
  max-width: 320px;
  background-color: white;;
  flex-direction: column;
  align-items: center;
  border-radius: .5em;
  -webkit-box-shadow: 0px 29px 38px -15px rgba(0,0,0,0.43);
  -moz-box-shadow: 0px 29px 38px -15px rgba(0,0,0,0.43);
  box-shadow: 0px 29px 38px -15px rgba(0,0,0,0.43);
}

.img {
  width: 90%;
  height: 200px;
  background-size: cover;
  background-position: center;
  margin-top: 20px;
  border-radius: .3em;;
}




@media screen and (max-width: 800px){
    .p_history {
        font-size: 25px;
    }
    h1{
        font-size:50px;
    }
    .blank,
    .other {
        min-height: 20vh;
    }
}