div h2{
    text-align: center;

    color: black;
}

div p{
    color: black;
    font-size: 16.5px;
    
}

header{

    background-color: rgba(245, 250, 255, 0.8);
    color: black;
    border-bottom: 1px solid black;

}

h1{

    text-align: center;
    font-size: 3rem;
    font-weight: 800;
    transition: 0.3s;
    color: black;
    
}

h1:hover{

    color: gray;
    
}

/* body{

    padding-left: 20px;
    padding-right: 20px;

} */


nav{

    margin-left: auto;
    margin-right: auto;
    display: grid;
    /* justify-content: space-around; */
    text-align: center;
    position: relative;
    top: 11px;

}

nav a{

    text-decoration: none;
    color: black;
    font-weight: 700;
    transition: 0.15s;
    

}

nav a:hover{

    color: gray;
    
}

nav p{

    transition: 0.15s;
    font-size: 26px;
    color: black;

}

nav p:hover{

    transform: translateY(1px)

}

header hr{

    border-top: 1px solid black;

}

#bottomhr{

    position: relative;

}

#tophr{

    position: relative;
    top: 6px;

}

img{

    position: relative;
    bottom: 67px;
    border-bottom: 1px solid black

}

.div{

    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 35px;

}

.item{

    margin-left: 15px;
    margin-right: 15px;

}

body{

     background-image: url("../img/wp2.jpg");
    background-repeat: repeat; 
   
}

h1, h2, h3, p, blockquote{

    font-family: serif;

}

.info img{

    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
    border: 1px solid black;
    border-radius: 5px;

}

.grafici img{

    padding-left: auto;
    padding-right: auto;
    margin-top: 90px;
    border: 1px solid black;
    border-radius: 5px;
    display: block;

}

.info p{

    margin-top: 10px;
    text-align: justify;

}

#titolo{

    font-size: 3.25rem;
    text-align: center;
    color: black;
    margin-top: 45px;

}

.contenuto{

    margin-left: 30px;
    margin-right: 30px;

}

.info{

    margin-top: 50px;

}

@media screen and (max-width:700px){

    nav{

        grid-template-columns: 1fr;

    }
    
}

@media screen and (min-width:701px){

    nav{

        grid-template-columns: 1fr 1fr 1fr 1fr;

    }

}

.timeline{

    margin-top: 70px;
    margin-bottom: 70px;

}

footer{

    padding: 20px;
    background-color: gray;
    margin-top: 70px;
    color: black;

}

footer p{

    color: rgb(240, 240, 240)

}

.footerdiv{

    display: flex;
    display: grid;

}

.footerdiv div{

    margin: 15px;
    text-align: justify;

}

.footerdiv div h3{

    color: rgb(240, 240, 240);

}

.footerdiv li{

    color: rgb(240, 240, 240);
    transition: 0.3s;

}

.footerdiv p a{

    color: rgb(240, 240, 240);
    transition: 0.3s;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2em;

}

.footerdiv p a:hover{

    transform: translateX(5px);
    text-decoration: underline;
}

.footerdiv li:hover{

    transform: translateX(5px);

}

@media screen and (min-width: 701px){

    .footerdiv{

        grid-template-columns: 1fr 1fr;

    }

}

@media screen and (min-width: 1201px){

    .footerdiv{

        grid-template-columns: 1fr 1fr 1fr;

    }

    .footerdiv div{

        margin: 0 40px;

    }

}

.Titoletto{

    text-align: center;
    padding: 1em 0 0 0;
    font-size: 2.5rem;


}


video{

    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 2px solid black;
    border-radius: 5px;

}

h2{

    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;

}

/* .interText p{

    font-size: 20px;
    margin-right: 100px;
    text-align: justify;

} */

.interview{

    margin: 0 100px 0 115px;
    grid-gap: 50px;

}

p, h1, h2{

    color: black;

}

.a{

    font-size: 3rem;

}
 .interview p{

    text-align: justify;    

}