article{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 2%;
    border: 0.2em solid #000000;
    border-radius: 1em;
    box-shadow: inset 0 0 0.5em #000000;
    background-color: #ffffffaa;
    padding: 2em 1.5em 1em 1.5em;
    text-align: left;
}
@media screen and (max-width : 990px){
    article{
        display: block;
        width: 80%;
        margin: 1em auto;
        /*padding: 1em 1em 0.5em 1em;*/
    }
}

article h3{
    margin: -1em -0.75em 0.5em -0.75em;
    border-bottom: 0.1em solid #f2c920;
    background-color: #00000044;
    color: #ffffff;
    text-align: left;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    padding: 0.15em 0 0.15em 2em;
    font-size: 200%;
    font-weight: bold;
}
@media screen and (max-width : 990px){
    article h3{
        padding: 0.15em 0 0.15em 1em;
    }
}
article h3 a{
    color: #ffffff;
    text-shadow: 0 0 0.1em #000000;
    transition: all .3s ease-in-out;
}
article h3 a:hover{
    color: #444444;
    text-shadow: 0 0 0.1em #ffffff;
}
@media screen and (max-width : 990px){
    article h3 a{
        text-shadow: 0 0 0;
    }
    article h3 a:hover{
        color: #fffff;
        text-shadow: 0 0 0;
    }
}
article p{
    margin: 0;
}