body{
    font-family: Arial, Helvetica, sans-serif;
    /*margin-left: 5px;*/
}

.quote{
    font-family: Arial;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: .25em .5em;
    display: inline-block;

    
}

@media only screen and (max-width: 768px) {
    .quotes {
        width: 100%;
        word-wrap: normal;

    }
    .quote {
        margin-top: 1em;
        width: 100%;
        box-sizing: border-box;
    }
    #search-box {
        box-sizing: border-box;
        /*width:100%;*/
    }
    .search {
        width:100%;
        white-space: nowrap;
    }
}

.author .text {
    margin: 2px;
    word-wrap: normal;
}


.author{
    font-style: italic;
    font-family: 'Courier New', Courier, monospace;
    
}

.submit-quote{
    padding-top: 10px;
}


footer {
    margin:1em;
}