/* Special 1080px */
@media screen and (max-width: 67.5em) {
    .header-box.arch{

        background-position: 109%;
    

        background-size: contain;

}
    .header-box.arch h1{

        width: 37%;

        font-size: 1.3em;

        padding-bottom: 0;

}
    .cases-container {
        width: 30%;
    
        right: 1%;
}
    .structure_bg {
        background-position: 120% bottom;
    }

.case-container {
    margin: 0 0 0.6em;
}
footer .contact {
    padding: .5%;
    margin: .5em 0;
    min-width: 200px;
}
}
/* Special 912px */
@media screen and (max-width: 57em) {
    .header-box.arch {
  background-position: right 0;
  background-size: 66%;
}
    .landing-page .facility h1{
        font-size:2.3em;
        letter-spacing:0;
    
        padding-top: 6%;
}
    .text-area {
  width:100%;
  display: inline-block;
  padding: 0 3%;
  float: none;
}
    .header-box.prop{
        background-position:center bottom;
    }
    .cases-container-flash-accommodate {
        top: 187px;
    }
    .case-container h5 {
        padding: .5em;
    }
    .structure_bg {
        background-position: 140% bottom;
    }
    .home-page-text {
    margin: 2.4em 1em;
}
.home-page .footer_row{
  
    padding-left: 3%;
    text-align: left;
    padding-right: 29%;
}
.quote-area {
    width: 80%;
    float: none;
    margin: 1em auto;
    padding: 1em;
    box-sizing: border-box;
    display: block;
}
}

/* Tablet & Moble, Scaleable site from 1024px down to 320px */
@media screen and (max-width: 40em) {
  .header-box.arch {
  background-position: right -20px;
  background-size: 100%;
}
  .header-box.arch h1{
    font-size: 1.1em;
    margin-top: 160px;
   
    width: 100%;
    background-color: rgba(255, 255, 255, 0.57);
    display: inline-block;
    padding: 3%;
}
.header-box.facility {

  background-position: right 0;

}
  .landing-page .facility  h1 {
  font-size: 1.5em;
  letter-spacing: 0;
  padding: 7% 4% 5% 7%;
  margin: 0;
  width: 100%;
  text-align: center;
}
    .footer_row{
        text-align: center !important;
        padding: 0 !important;
    
}
    body, html, .main_container {
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        box-sizing: border-box;
        width: 100% !important;
        min-width: 320px;
        overflow-x: hidden;
    }
    .home-page-text {
        width: 100%;
        margin: 0;
        padding: 1.4em 3.5% .5em;
        max-width: initial;
    }

    .cases-container {
        position: initial;
        width: 100%;
        text-align: center;
    }

    .case-container {
        width: 45%;
        margin: 1%;
        display: inline-block;
        min-height: 160px;
        text-align: initial;
        padding: initial !important;
    }
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: initial;
    }
    .structure_bg {
        background: #fff;
    }

    .consultation-request .genericon {
        padding: 0;
        left: 5px;
        top: 12px;
    }
    .consultation-request .text {
        padding: 0;
    }
    .consultation-request {
        font-size: 0.9em;
        width: 126px;
        min-width: initial;
        height: 48px;
        letter-spacing: 0;
        line-height: 1.2em;
        padding: 8px 5px 5px 33px;
        top: 9px;
    }
    a#logo_container {
        width: 95px;
        height: 52px;
        margin: 3px 3%;
    }

    .row-1 {
        height: 67px;
    }

    .business-name {
        display: none;
    }

    div#nav_container {
        display: none;
        box-shadow: 1px 5px 20px #777;
    }

    .menu_toggle .genericon {
        top: 13px;
        left: 12px;
    }
    .menu_toggle {
        display: inline-block;
        min-width: initial;
        height: 48px;
        margin: 9px 0 0 3.7%;
        font-size: 0.8em;
        padding: 23px;
        /* text-shadow: none; */
    }

    div#primary {
        font-size: 94%;
    }

    h1, h2, h3 {
        letter-spacing: 0;
        text-align: left;
    }

    .learn-more {
        /* position: absolute; */
        /* bottom: 5px; */
        /* right: 5%; */
        width: 100%;}

    .menu_toggle.clicked {
        box-shadow: 1px 1px 1px #000 inset;
        background: #445E79;
    }

    #access ul {
        /* position: absolute; */
        z-index: 999;
        background: #fff;
        top: 67px;
    }

    #access ul li {
        display: block;
        width: 100%;
        /* box-sizing: border-box; */
        /* padding: 0px 4%; */
        /* text-align: left !important; */
    }

    #access ul li a {
        width: 100%;
        padding: 0 5%;
        border: none;
        text-align: left;
    }

    #access ul li ul.children {
        display: block;
        position: initial;
        padding: 0 0 0.2em;
        margin: 0px 10px 0;
        background: #ddd;
        box-shadow: none;
        border-bottom: none;
    }

    #access ul li ul.children li {
        /* padding: 2%; */
        text-align: left;
        display: block;
        background: #DDD;
    }

    #access ul li ul.children li a {
        background: #ddd;
        padding: 4px 5%;
    }

    #access ul li ul.children li a:hover {
        background: #fff;
    }

    div#nav_container ul {
        box-shadow: 1px 5px 20px #383838;
        /* border-bottom: 2px solid #676767; */
    }

    #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
        box-shadow: none;
    }
    .action_request {
        background: -moz-linear-gradient(top,  rgba(93,139,186,1) 15%, rgba(76,114,153,1) 57%, rgba(76,114,153,1) 57%, rgba(63,95,128,1) 96%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(93,139,186,1)), color-stop(57%,rgba(76,114,153,1)), color-stop(57%,rgba(76,114,153,1)), color-stop(96%,rgba(63,95,128,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(93,139,186,1) 15%,rgba(76,114,153,1) 57%,rgba(76,114,153,1) 57%,rgba(63,95,128,1) 96%)/* Chrome10+,Safari5.1+ */background : -o-linear-gradient(top,  rgba(93,139,186,1) 15%,rgba(76,114,153,1) 57%,rgba(76,114,153,1) 57%,rgba(63,95,128,1) 96%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(93,139,186,1) 15%,rgba(76,114,153,1) 57%,rgba(76,114,153,1) 57%,rgba(63,95,128,1) 96%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(93,139,186,1) 15%,rgba(76,114,153,1) 57%,rgba(76,114,153,1) 57%,rgba(63,95,128,1) 96%); /* W3C */
    }

    .menu > ul > li > a {
        height: 45px !important;
    }

    h1.name span {
        font-size: .73em;
        margin: 0.4em 0 0;
        display: inline-block;
    
        line-height: 1.3em;
}

    .top_desc_block span {
        width: 100%;
        margin-top: .5em;
    }

    h1.top_desc_block, h2.top_desc_block {
        font-size: 1.2em;
        letter-spacing: 0;
    }

    .project_list_item {
        width: 100%;
    }

    .top_desc_block:before {
        display: none;
    }

    .list_pad {
        width: 96%;
    }

    img.letter_image {
        width: 100%;
    }

    .rec_date {
        display: block;
        padding: 0;
        margin: 5px 0;
    }

    .click_to_view {
        margin: -6px;
    }
    article {
        padding: 0 .1em;
    }

    .entry-content p {
        text-align: left;
    }

    p.bio {
        padding: 5px;
    }

    ul.biolist {
        padding: 5px;
        line-height: 1.4em;
        margin: 0 5px 0 20px;
    }
    
.case-container {
    min-height: initial;
    width: 90%;
}


.landing-page h1 {
    font-size: 1.7em;
    /* width: 75% !important; */
    letter-spacing: 0 !important;
}

.header-box.exec {
    margin-top: 3px;
    background-position: right top;
}

.text-area {
    width: 100%;
    font-size: 70%;
    /* text-align: center !important; */
    padding: 0;
    margin: 0;
}

.landing-page h2 {
    text-align: center;
    letter-spacing: 0;
    margin: 1em 1% 1.2em;
}




.header-box {
    margin-top: 4px;
}

.landing-page .list_pad {
    width: 85%;
    margin: 2px auto;
    display: block;
    /* background-color: #f0f0f0; */
    padding: 4px 2%;
}

form#form_amp {
    width: 100%;
}

.checkboxes_group_unit_container {
    width: 100%;
    min-height: initial;
}

.form_row label {
    text-align: center;
}


.landing-page .prop h1 {
    font-size: 1.7em;
}


.header-box.prop {
    background-position: 50% 100%;
    background-size: cover;
    min-height: 230px;
}
    /* chrome dev tools placement below here move into media query, above follow } */
}