div#isotope {}
div#quotegen {min-height: 400px; margin-bottom: 40px;}
div#quotegen #isotope button.btn, div#quotegen button, div#quotegen button#clearall, div#quotegen button#shuffle {border-radius: 0; text-transform: uppercase; background: #4d4e4b; color: #fff; letter-spacing: .5px; border: 0 none; margin: 0 5px 15px; font-size: 15px; line-height: 1; padding: 10px 15px;}

div#quotegen .button-group {display: flex; align-items: stretch;}
div#quotegen .button-group.tag_category {}
div#quotegen .button-group button, div#quotegen .button-group input {flex-grow: 1;}
div#quotegen .button-group button:first-child {margin-left: 0;}
div#quotegen .button-group button:last-child {margin-right: 0;}
div#quotegen .btn-group>.btn {float: none;}
div#quotegen .button-group button.is-checked, div#quotegen .button-group button:hover, div#quotegen .button-group button:active, .button-group input:hover {color: #fff; background: #d65050; }

div#quotegen button#clearall { color: #4d4e4b; padding: 5px 0 1px; background: none; border-bottom: 2px solid #4d4e4b; width: auto; margin: 0 auto 15px; flex-grow: unset;}

div#quotegen .box { background: #fff; border: 1px solid #cbd3d3; padding: 25px; margin: 10px 0 0; display: flex; flex-direction: column-reverse; box-sizing: border-box;}
div#quotegen .box p {font-size: 19px; line-height: 1.6em; margin: 0; color: #4d4e4b;}
div#quotegen .box p.quote_text {font-size: 24px; line-height: 1.4em; padding: 15px 0 0; font-family: 'Playfair Display', serif; font-weight: 900; letter-spacing: .25px;}
div#quotegen .box p.quote_source {font-weight: bold; font-style: italic;}
div#quotegen .box p.quote_cite {font-weight: 300;}
span.lgquotes {color: #999;}
div#quotegen hr.qt_divider {width: 100%; margin: 25px auto; border:1px; border-top: 1px solid #ccc;}
div#quotegen .box.boxone {height: 330px; width: 330px;}
div#quotegen .box.boxtwo {width: 670px;}
div#quotegen .box.quoteimg {border: 0; padding: 0;}
img.quotepic {cursor: pointer;}

.modal-header {background-color: #fff; border-bottom: none;}
.modal-header button {background-color: #fff;}
.modal-header .close {color: #999;}
.modal div.addthis_toolbox.addthis_default_style.addthis_32x32_style {margin: 10px auto; text-align: center;}
.modal .addthis_default_style .at300b {float: none;} 
@media screen and (max-width : 940px) {
 div#quotegen .button-group {margin: 4px 3px;}
 div#quotegen .button-group.tag_tone, div#quotegen .button-group.specialty {margin: 4px 5px 4px 0;}
 div#quotegen .button-group.tag_topic {margin: 4px 0 5px 0;}
 div#quotegen .button-group button {}
}
@media screen and (max-width : 767px) {
 .header-single {background: #fff;}
 div#quotegen .button-group {display: block; border-bottom: 1px solid #ddd; padding: 10px 0 10px; margin-bottom: 10px;}
div#quotegen .button-group.tag_type {border-right: none;}
div#quotegen .box.boxone, div#quotegen .box.boxtwo {height: auto; width: 100%;}
.hero-div {width: 100%; background-size: contain; background-repeat: no-repeat; height: auto; padding-top: 250px;}
#download-link, div#quotegen .button-group button, div#quotegen .button-group input { width: 100%;}
}
@media screen and (max-width : 480px) {
div#quotegen .box.boxone {height: 270px; width: 100%; margin: 10px 0;}
div#quotegen .box.boxtwo {height: auto; width: 100%; margin: 10px 0;}
.hero-div {padding-top: 150px;}
div#quotegen .box p.quote_text {font-size: 17px; line-height: 24px;}
div#quotegen .box p.quote_source {font-size: 16px;}
}