/* #Media Queries
================================================== */

/* Laptop and more */
@media only screen and (max-width: 960px) {

#page-wrap { width: 90%; }


#navigation { width: 100%; }

#nav, #nav li { float: none; text-align: center;}
#nav li { display: inline-block; }

#logo { float: none; text-align: center; }


}

/* Tablet */
@media only screen and (max-width: 768px) {

#logo { float: none; width: 100%; }

#nav li { display: block; margin-left: 0; }

#nav ul { position: absolute; z-index: 100; display: none; width: 200px; background: #EEE; left: 40%;}

#main, #sidebar, #header-left { width: 100%; margin: 0; padding: 0; }

#header-right { width: 80%; margin: 0; padding: 15px 10%; }

.one-half, .four-four { width: 100%; padding: 0; }

#main.service { margin-top: 0px; }

}

/* iPhone */
@media only screen and (max-width: 480px) {

#banner .one-half { line-height: 140px; padding: 5px 0; }
#tagline { font-size: 18px; }



}

/* Mobile */
@media only screen and (max-width: 320px) {

}