@media screen and (min-width: 480px) {
    h1 {
        font-size: 1.3em;
        }
    h2 {
        font-size: 1.1em;
        margin-bottom: 20px;
    }
    
    h3 {
        font-size: 0.9em;
        }

}

@media screen and (min-width: 600px) {
    .square-image img {
        height: 150px;
        width: 150px;
    }

    nav {
        background: none;
        float: right;
        font-size: 1.125em;
        margin-right: 5%;
        text-align: right;
        width: 45%;
    }

    #logo {
        float: left;
        margin-left: 5%;
        text-align: left;
        width: 45%;
    }

    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1em;
        margin-bottom: 20px;
    }
    
    h3 {
        font-size: 0.9em;
    }

    header {
        border-bottom: 5px solid #599a68;
        margin-bottom: 60px;
    }


    .info-text {
        float: left;
        width: 70%;
    }
    .info-pane p{
        font-size: 0.8em;
    }

    .gigs, .contact {
        float: left;
        width: 25%;
    }

    .download-links {
        text-align: left;
        padding-left: 20px;
    }
    
    /*Gigs Section*/

    .gigs ul {
        list-style: none;
        padding-left: 2px;
    }    

    .gig-date {
        font-size: 0.8em;
    }
    .gig-venue {
        font-weight: 700;
        font-size: 0.85em;
        padding-left: 10px;
    }
    .gig-location {
        font-size: 0.7em;
    }
    
}

@media screen and (min-width: 700px) {
    .square-image img {
        height: 250px;
        width: 250px;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }
    
    h3 {
        font-size: 1.1em;
    }

        /*Gigs Section*/

    .gigs ul {
        list-style: none;
        padding-left: 2px;
    }    

    .gig-date {
        font-size: 0.9em;
    }
    .gig-venue {
        font-weight: 600;
        font-size: 1em;
        padding-left: 10px;
    }
    .gig-location {
        font-size: 0.8em;
    }
    
    .info-pane p{
        font-size: 0.9em;
    }