/* Spacers */
.spacer-full {height: 40px;clear: both;display: block;}
.spacer-half {height: 20px;clear: both;display: block;}

@media only screen and (min-width: 768px) {
    .spacer-full {height: 60px;}
    .spacer-half {height: 30px;}
}
/* /Spacers */

/* Pills */
#extra-container {padding: 15px;clear: both;}
#extra-container .category-tabs-heading {font-size: 22px !important;text-align: center;display: block !important;line-height: normal;font-family: 'DroidSans Bold', sans-serif;clear: both;text-transform: none;color: #61554D !important;padding: 0 !important;margin: 0 !important;}

@media only screen and (min-width : 768px) {
    #extra-container {display: flex;}
    #extra-container.more-pills {display: block;margin-top: -3em !important;float: left;width: 100%;}
}

#extra-pills {text-align: center;padding: 20px 20px 40px 20px;border-radius: 4px;}
#extra-pills .button-holder {display: block;margin: 20px 0 30px 0 !important;width: 100%;}
#extra-pills .button-holder h3 {padding: 13px 33px;font-size: 16px;margin: 5px 3px;display: inline-block;background-color: #ffffff;border-radius: 40px;border: 1px solid #e3e3e3;color: #61544d;}
#extra-pills .button-holder h3:hover {background-color: #F2F2F2;}
#extra-pills .button-holder a{text-decoration: none;}

@media only screen and (min-width : 480px) {
    #extra-pills .button-holder h3 {float: none;font-size: 15px;}
}

@media only screen and (min-width : 768px) {
    #extra-pills {text-align: center;padding: 20px 0px 30px 0;margin: 0 15px 0 0;width: none;}
    #extra-pills .button-holder h3 {font-size: 16px;margin: 5px;}
    #extra-pills .button-holder {max-width: 980px;margin: 0 auto !important;}
}
/* Pills */