#at_notas {
  //border: 1px dotted black;
  overflow: hidden;
  width: 100%;
}

.nota_elemento {
    width: 260px;
    height: 400px;
    float: left;
    margin : 5px;
    border-radius: 15px 15px 0px 0px;
    border-width: thin;
    border-style: dotted;
    padding: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.nota_elemento imagen {
    width: 100%;
    height: 150px;
    display: block;
    border-bottom: solid;
    border-radius: 15px 15px 0px 0px;
}

.nota_elemento imagen img {
    border-radius: 15px 15px 0px 0px;
    
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

@media (max-width: 630px) {
    .nota_elemento {
        width:98%;
        height:100%;
        }
}




.nota_elemento titulo{
    display: block;
    text-align: left;
    text-transform: capitalize;
    font-size: larger;
    font-style: italic;
    font-stretch: condensed;
    font-size-adjust: initial;
    font-weight: bold;

}

.nota_elemento epigrafe {
    display: block;
    text-align: left;
    font-size: smaller;
    font-stretch: condensed;
    font-size-adjust: initial;
}

.nota_elemento pie {
    display: block;
    text-align: left;
    font-size: smaller;
    font-stretch: condensed;
    font-size-adjust: initial;
    border-top-style: dotted;
    position: relative;
    bottom: 0%;
    margin-bottom: 0px;
    border-top-width: thin;
} 

.nota_elemento autor {
    display: block;
    text-align: left;
    font-size: smaller;
    font-stretch: condensed;
    font-size-adjust: initial;
    font-weight: bold;

}