/* CSS for high-resolution devices */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    header {
        background-image:url(../images/washingline@2x.jpg);
    }
    
    #getinvolved-banner {
        background-image:url(../images/brickWallFooter@2x.jpg);
    }

    #history-banner {
        background-image:url(../images/scatteredScripts@2x.jpg);
    }

    #reactions-background {
        background-image:url(../images/newspapers@2x.jpg);
    }

    #contact-background {
        background-image:url(../images/contact_bg@2x.jpg);
    }

    #joshuaBrooks-banner {
        background-image:url(../images/joshuaBrooksBanner@2x.jpg);
    }
    
    #team-background {
	    background-image: url(../images/lineScript@2x.jpg)
    }

    #footer-background {
        background-image:url(../images/brickWallFooter@2x.jpg);
    }
}

/* Large desktop */
@media (min-width: 1025px) { 
    header {
        background-image:url(../images/washingline@2x.jpg);
    }
    
    #getinvolved-banner {
        background-image:url(../images/brickWallFooter@2x.jpg);
    }

    #history-banner {
        background-image:url(../images/scatteredScripts@2x.jpg);
    }

    #reactions-background {
        background-image:url(../images/newspapers@2x.jpg);
    }

    #contact-background {
        background-image:url(../images/contact_bg@2x.jpg);
    }

    #joshuaBrooks-banner {
        background-image:url(../images/joshuaBrooksBanner@2x.jpg);
    }
    
    #team-background {
	    background-image: url(../images/lineScript@2x.jpg)
    }

    #footer-background {
        background-image:url(../images/brickWallFooter@2x.jpg);
    }
}

@media only screen /* iPad */
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    header {
		background-attachment:scroll;
    }
    
    #getinvolved-banner {
		background-attachment:scroll;
    }

    #history-banner {
		background-attachment:scroll;
    }

    #reactions-background {
		background-attachment:scroll;
    }

    #contact-background {
		background-attachment:scroll;
    }

    #joshuaBrooks-banner {
		background-attachment:scroll;
    }
    
    #team-background {
	    background-attachment:scroll;
    }

    #footer-background {
		background-attachment:scroll;
    }
}

@media only screen /* iPhone 3.5" screen */
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    header {
		background-attachment:scroll;
    }
    
    #getinvolved-banner {
		background-attachment:scroll;
    }

    #history-banner {
		background-attachment:scroll;
    }

    #reactions-background {
		background-attachment:scroll;
    }

    #contact-background {
		background-attachment:scroll;
    }

    #joshuaBrooks-banner {
		background-attachment:scroll;
    }
    
    #team-background {
	    background-attachment:scroll;
    }

    #footer-background {
		background-attachment:scroll;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .navbar-fixed-top{margin-bottom: 0px;}

    h2{
        font-size: 30px;
        line-height: 30px;
    }
    .support-icon{font-size: 50px;}


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background: rgba(46,46,46,0.7);

    }

    .navbar .nav > li > a{
        padding: 10px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
        padding-bottom: 5px;

    }
    .btn{height: 44px;}
    header{padding-top: 50px;}
    #navigation .nav.page li.active:after{display: none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    header{
        height:auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .home h1{font-size: 50px;}
    .home{padding: 0px;}
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background: rgba(46,46,46,0.7);

    }

    .navbar .nav > li > a{
        padding: 10px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
    }

    section{

        margin-left: -20px;
        margin-right: -20px;
    }
    .container{padding-left: 20px; padding-right: 20px;}
    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    header{padding-top: 75px;}

    #navigation .nav.page li.active:after{display: none;}
    .navbar .brand{padding: 10px;}

    .home .mainTitle {
        line-height: 1em;
        font-weight: bold;

        float: left;
        margin-right: 0.5em;
        font-size: 3em;
    }

    .home .subTitle {
        line-height: 1em;
        font-size: 1.5em;
        font-weight: lighter;
        clear: left;
    }
}

@media only screen /* iPhone with 4" screen */
		and (min-device-width : 320px) 
		and (max-device-width : 568px)
		and (-webkit-min-device-pixel-ratio: 2) {
    header {
		background-attachment:initial;
    }
    
    #getinvolved-banner {
		background-attachment:initial;
    }

    #history-banner {
		background-attachment:initial;
    }

    #reactions-background {
		background-attachment:initial;
    }

    #contact-background {
		background-attachment:initial;
    }

    #joshuaBrooks-banner {
		background-attachment:initial;
    }

    #footer-background {
		background-attachment:initial;
    }
}

@media (max-width: 570px) {
    #navigation .nav.page li.active:after{display: none;}
    .carousel-control.left {
        left: 0;
    }
    .carousel-control.right {
        right: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
    #navigation .nav.page li.active:after{display: none;}
    ul.slides{padding-top: 20px;}
    .flexslider li h1{font-size: 40px;}

    .flexslider li h1 i{font-size: 2em;}

    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    h2{font-size: 36px;}
    #testimonials-background h1, #support-banner h1, #features-banner h1,#contact-background h1 {
        font-size: 45px;
    }
    section{

        margin-left: -20px;
        margin-right: -20px;
    }

    .container{padding-left: 20px; padding-right: 20px;}


    #home-arrow{bottom: 50px;}

    .navbar img{width: 200px; height: auto;}
    header{padding-top: 75px;}
    .navbar .brand{padding: 10px;}
    
    #comingsoon.row-fluid {
	    padding-left: 1em;
    }
}

#map_canvas {max-width: 90%;}