#keynote{
    background-color: #fff;
    min-height: 500px;
    margin: auto;
    margin-top: -10vh;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.item{
	text-align:justify;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px 30px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	
}

.item img{
    width: 220px;
    height: 220px;
    border-radius: 5px;
}

.person{
    width: 25%;
    height: 300px;
    text-align: left;
    padding: 20px !important;
}

.details{
    width: 70%;
    padding: 0px !important;

}

.details h2{
    padding: 10px 0;
    font-size: 24px;
}

.person h2{
    font-size: 18px;
}

.biblio{
    width: 100%;
    padding: 20px !important;
    border-top: 1px solid #777;
}

@media (max-width: 900px) {
    .section{
        width: 90%;
        margin-top: -40px;
    }
    .item{
        margin: 40px 0;
        flex-direction: column;
    }
    .person{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .details{
        width: 100%;
        padding: 20px !important;
    
    }
}