body, html {
  height: 100%;
  margin: ;
  color: #777;
}



.img1 {
  
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image:url(../../img/storia/800px-Legnanino_-_Self-Portrait.jpg);
  min-height: 50%;

}


.caption {
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  text-align: center;
  color: #000;
  text-overflow:ellipsis;
    
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 1%;
  font-size: 25px;
  letter-spacing: 10px;
}



.section {
    color: black;
    background-color:white;
    text-align:center;
    padding:5% 10%;
    
}

.p_section {
    font-family: 'ZCOOL XiaoWei', serif;
    text-align: justify;
    opacity: 0.6;
   
    
}



h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #000000;
  text-align:center;
  font-family: 'Belleza', sans-serif;
  font-weight: bold;
  font-size: 200%
  
}



.border {
    background-color:transparent;
    font-size:25px;
    color: #f7f7f7;
    overflow: inherit;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .img1{
    background-attachment: scroll;
  }
}

#img_back{
    
    max-width:100%;
    max-height:100%;
    
}

#div_back_arrow{
    height: 7%;
    width: 7%;
    transition: height 1s, width 1s;
    
    
}
#div_back_arrow:hover {
    height: 10%;
    width: 12%;
}