@media only screen and (max-width: 690px)
{
    h1
    {
        font-size: 2.6em;
        color: white;
    }
    h2
    {
        font-size: 1.7em;
        margin: 1em auto;
    }
    .header-text
    {
        width: 76%;
    }
    .treatment_box
    {
        width: 50%;
        margin-bottom: 1.7em;
    }
    
    #intro h3
    {
        font-size: 220%;
    }
    
    #intro p
    {
        font-size: 130%
    }
}

@media only screen and (max-width: 510px)
{
    h1
    {
        font-size: 2.2em;
        color: white;
    }
    
    h2
    {
        font-size: 1.5em;
        margin: 1em auto;
    }
    
    .header-text
    {
        width: 80%;
    }

    #intro h3
    {
        font-size: 260%;
    }
    
    #intro p
    {
        font-size: 150%
    }
    
    .menubar p
    {
        font-size: 1.6em;
        padding: 0.6em;
        
    }
}

@media only screen and (max-width: 400px)
{
    h1
    {
        font-size: 1.6em;
        margin: 3%  0px;
    }
    
    h2
    {
        font-size: 1.3em;
        margin: 1em 0%;
        padding: 0px 0px;
    }
    
    .menubar
    {
        font-size: 0.7em;
    }
    
    .header-text
    {
        width: 70%;
    }

    #intro h3
    {
        font-size: 1.8em;
    }
    
    #intro p
    {
        font-size: 1.2em;
    }
}