@charset "utf-8";

@media only screen and (min-width: 1200px) {

}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 1000px) {
#nav { display: table-cell !important }
.full_width_gallery.desktop_items_1 > .gallery_item{ width: 100%; }
.full_width_gallery.desktop_items_2 > .gallery_item{ width: 50%; }
.full_width_gallery.desktop_items_3 > .gallery_item{ width: 33.333333%; }
.full_width_gallery.desktop_items_4 > .gallery_item{ width: 25%; }
#nav-button{ display: none; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1029px) {
/*header { position:absolute }*/
#message {margin:0px 0 50px 0px; width:300px; float:none }
.prev-ajax { left: -10px; }
.next-ajax { right: -10px; }
.gallery_item > .gallery_item_text > .social_links { bottom: 30%; }
.service_details { width:150px; margin-left: -75px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
    /* my image in narrow screens */
    #section2 img {display:block;float:none;max-width:100%; margin:0 auto;}
    #section2 .sub-heading {float:none; margin-top:5%;}

.container { padding:0px; width:640px; position:relative; }
.col1-1, .col1-3.col2-3m, .col1-2 {width:620px !important; }
.col2-3.col1-3m { width:300px; }
.col1-3.margin-left, .blog .col1-3.margin-left { margin:0px 10px; }

#nav-button {display:block; float:right; width:25px; margin-top:16px; cursor:pointer; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
nav { margin:0px; position:relative; display:block; height:auto; float:none; clear:both }
#nav { display:none; width:100%; z-index:300; float:none; position:relative; top:0px; padding-top:25px; list-style: none; border-bottom:1px solid #ccc; }
#nav li { text-align:center; border-top:1px solid #ccc; float:none; margin:0; float:none; display:block }
#nav li a { padding:15px }
.menu-line {display:none !important }
#nav li.external {border-left:0; padding-left:0px; }

footer{ min-height: 146px; }
footer p span {float:none !important; display:block }

.full_width_gallery.tablet_items_1 > .gallery_item{ width: 100%; }
.full_width_gallery.tablet_items_2 > .gallery_item{ width: 50%; }
.full_width_gallery.tablet_items_3 > .gallery_item{ width: 33.333333%; }

.pie_progress__number {display:none }

.time-range {width:150px }
.employer {width:450px; }

blockquote.quote_slide p {max-width:550px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 480px) {
    .tagline span {
        width:30px;
    }

    .project-link {
        margin-right:50px;
    }

    .project-overlay .close {
        font-size:36px;
    }

header { padding:16px 20px; }

    /* my image in narrow screens */
    #section2 img {display:block;float:none;max-width:100%; margin:0 auto;}
    #section2 .sub-heading {float:none; margin-top:5%;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* my image in narrow screens */
    #section2 img {display:block;float:none;max-width:100%; margin:0 auto;}
    #section2 .sub-heading {float:none; margin-top:5%;}
}

@media only screen and (min-width: 320px) and (max-width:374px){
    .project-overlay .project-content .youtube-section {
        width: 270px !important;
    }

    .project-overlay .project-content .col2-3,  .project-overlay .project-content .col1-1,  .project-overlay .project-content .col1-2 {
        width: 270px !important;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
.container { padding:0px; width:320px; position:relative; }
.col2-3, .col1-1, .col1-2 { width:300px !important;  }
input, textarea, select { width:300px !important; }
.column-count2 {-webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; }

/*#headline_cycler { top: 32%; }*/
#headline_cycler ul.flexslider > li > h2, #headline h2{ font-size: 36px; line-height: 40px;  }

#arrow-down{ height: 60px; }

#nav-button {display:block; float:right; width:25px; margin-top:16px; cursor:pointer; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
nav { margin:0px; position:relative; display:block; height:auto; float:none; clear:both }
#nav { display:none; width:100%; z-index:300; float:none; position:relative; top:0px; padding-top:25px; list-style: none; border-bottom:1px solid #ccc; }
#nav li { text-align:center; border-top:1px solid #ccc; float:none; margin:0; float:none; display:block }
#nav li a { padding:15px }
.menu-line {display:none !important }
#nav li.external {border-left:0; padding-left:0px; }

footer{ min-height: 146px; }
footer p span {float:none !important; display:block }

.videos { height:170px; width:300px }

.full_width_gallery.mobile_items_1 > .gallery_item{ width: 100%; }
.full_width_gallery.mobile_items_2 > .gallery_item{ width: 50%; }

.service_item { padding: 12px 24px; min-width: 140px; }
.pie_progress {left:32px; }
.pie_progress__number {display:none }

.time-range {width:100%; padding:35px 0 0px 0px }
.employer {width:100%; border:0; padding:0px }
.tab-arrow {top:30px; right:10px; }

blockquote.quote_slide p {max-width:250px; }

.service_item:hover .service_details { bottom: 145px; }

.post #section1 { height:60%; }
}