#mainHeader h1{
    margin: 0 50px; 
    overflow:auto; 
    text-overflow:unset;
  }

#mypanel ul li a:not(.panelHeading) {
    padding-left: 2em;
}

.summary {
    background-color: #e5e4e2;
    border-radius: 15px;
    padding: 0.5rem 2rem;
    margin-top: 2rem;
}

.drug-heading h1{
    margin: 0;
    padding: 0;
    line-height: 1em;
}

.drug-heading p{
    margin: 0;
    padding: 0.1em 0;
}

#wrapper ul {
    margin-top: 1.5em;
}

.container {
    margin-top: -0.5em;
}

.ui-header-fixed, .ui-footer-fixed {
	left: 0;
	right: 0;
	width: 100%;
	position: fixed;
	z-index: 1000;
}

.ui-btn {
    overflow: visible !important;
    white-space: normal !important;
}

.dose-indent {
    padding-left: 1.875em;
}

/* MEDIA QUERIES */

/* Tablet (ipad) */
@media all and (min-width: 48em){
	.ui-content { 
        padding:0 10%;

    }

	/* You can also tweak any other styles in a breakpoint */
	/* H1 { color: blue; font-size:1.2em } */
}

/* ipad Pro */
@media all and (min-width: 64em){
	.ui-content { 
        padding:0 15%;

    }

	/* You can also tweak any other styles in a breakpoint */
	/* H1 { color: green; font-size:1.2em } */
}

@media screen and (max-width: 20em){
    .longDrugName h1 {
        font-size: 1.7em;
    }
}