/* mobile */
@media screen and (max-width: 600px){
    h1 {
	font-size: 1.8em;
    }
    h3 {
	font-size: 1.3em;
    }
    h5 {
	font-size: 1.0em;
    }
    p {
	font-size: 0.7em;
    }
    .p {
	font-size: 0.7em;
    }
    .sm {
	font-size: 0.6em;
    }
    .md {
	font-size: 0.7em;
    }

    td .button,
    th,
    td {
	font-size: 0.75em;
    }
    i {
	font-size: 0.9em;
    }
    div p {
	font-size: 0.6em;
    } 
    .nav-item{
	font-size: 0.8em;
    }
    .filterLink {
	font-size: 0.65em;
    }
    .spinner {
	font-size: 0.9em;
    }
    .spinner-lg {
	font-size: 1.6em;
    }
    .font-xl {
	font-size: 2em;
    }
    #syntaxTable {
	font-size: 0.8rem;
    }
    #subscriptionsOuterContainer {
//	min-width: 300px;
	max-width: 600px;
    }
    #subscriptionContainer {
	max-width: 600px;
    }
}
/* tablet - ish */
@media screen and (min-width: 600px){
    h1 {
	font-size: 2.2em;
	display: block;
    }
    h3 {
	font-size: 1.6em;
    }
    h5 {
	font-size: 1.1em;
    }
    p {
	font-size: 0.9em;
    }
    .sm {
	font-size: 0.62em;
    }
    .md {
	font-size: 0.72em;
    }
    .p {
	font-size: 0.8em;
    }
    td .button,
    th,
    td {
	font-size: 0.9em;
    }
    i {
	font-size: 1.0em;
    }
    div p {
	font-size: 0.6em;
    }
    .nav-item{
	font-size: 0.9em;
    } 
    .filterLink {
	font-size: 0.7em;
    }
    .spinner {
	font-size: 1.1em;
    }
    .spinner-lg {
	font-size: 1.8em;
    }
    .font-xl {
	font-size: 2.5em;
    }
    #syntaxTable {
	font-size: 0.9rem;
    }
    #subscriptionsOuterContainer {
//	min-width: 590px;
	max-width: 750px;
    }
    #subscriptionContainer {
	max-width: 700px;
    }
}
/* laptop - ish */
@media screen and (min-width: 768px){
    h1 {
	font-size: 2.6em;
	display: block;
    }
    h3 {
	font-size: 2.0em;
    }
    h5 {
	font-size: 1.2em;
    }
    p {
	font-size: 1.1em;
    }
    .sm {
	font-size: 0.64em;
    }
    .md {
	font-size: 0.74em;
    }
    .p {
	font-size: 0.9em;
    }
    td .button,
    th,
    td {
	font-size: 0.95em;
    }
    i {
	font-size: 1.0em;
    }
    div p {
	font-size: 0.7em;
    }
    .nav-item{
	font-size: 1.0em;
    }
    .filterLink {
	font-size: 0.75em;
    }
    .spinner {
	font-size: 1.2em;
    }
    .spinner-lg {
	font-size: 2em;
    }
    .font-xl {
	font-size: 3em;
    }
    #syntaxTable {
	font-size: 1.0rem;
    }
    #subscriptionsOuterContainer {
	max-width: 800px;
    }
    #subscriptionContainer {
	max-width: 750px;
    }
}
/* laptop - ish */
@media screen and (min-width: 992px){
    h1 {
	font-size: 3.0em;
	display: block;
    }
    h3 {
	font-size: 2.2em;
    }
    h5 {
	font-size: 1.3em;
    }
    p {
	font-size: 1.1em;
    }
    .sm {
	font-size: 0.65em;
    }
    .md {
	font-size: 0.76em;
    }
    .p {
	font-size: 1.0em;
    }
    td .button,
    th,
    td {
	font-size: 1.0em;
    }
    i {
	font-size: 1.0em;
    }
    div p {
	font-size: 0.8em;
    }
    .nav-item{
	font-size: 1.0em;
    } 
    .filterLink {
	font-size: 0.8em;
    }
    .spinner {
	font-size: 1.2em;
    }
    .spinner-lg {
	font-size: 2.2em;
    }
    .font-xl {
	font-size: 3em;
    }
    #syntaxTable {
	font-size: 1.1rem;
    }
    #subscriptionsOuterContainer {
//	min-width: 980px;
	max-width: 900px;
    }
    #subscriptionContainer {
	max-width: 750px;
    }
}
.center-text {
    text-align:center;
}