header,
    .logoBar,.logoBar div,
    .headerNav,.headerNav nav,.headerNav form,
main,
footer,
    .hiscoFamily,.footerNav,.copyright {
    display:flex;
    flex-flow:row wrap;
}
.logoBar {
    flex:1 100%;
    padding:18px 1.65%;
}
.headerLogo {
    flex:1 40%;
    max-width:40%;
    align-items:center;
    justify-content:flex-start;
}
.headerLogo img {
    display:block;
    width:100%;
    height:auto;
    max-width:170px; /* change value per site logo */
}
.headerContact {
    flex:1 60%;
    max-width:60%;
    align-items:center;
    justify-content:flex-end;
}
.headerContact a[href^="tel:"] {
    font-size:190%;
    font-weight:700;
    color:#333;
    text-decoration:none;
}
.headerContact a[href^="tel:"]:before {
    content:"\260e";
    margin-right:3px;
    position:relative;
    top:-1px;
}
.headerContact a.rfqButton {
    margin-left:24px;
    border-radius:5px;
    padding:5px 15px;
    background:#e51937;
    color:#FFF;
    font-size:150%;
    font-weight:700;
    text-decoration:none;
}
.headerContact a.rfqButton:hover {background:#ed9e00;}
.headerContact a.rfqButton:active {
    position:relative;
    top:1px;
    left:1px;
}
.headerNav form {
    align-items:center;
    justify-content:flex-end;
}
.headerNav form input[type=text] {
    display:inline-block;
    width:100%;
    max-width:333px;
    margin:0;
    border:0;
    padding:11px;
    border-radius:5px;
    font-size:150%;
    background:#FFF;
    color:#333;
    box-shadow:inset 0 0 4px rgba(0,0,0,.66);
    height:auto;
}
.heroSection {
    flex:1 100%;
    display:flex;
    flex-flow:row wrap;
    align-content:flex-start;
    margin-bottom:1.9%;
    padding:1.55% 1.65%;
    min-height:204px;
}
.heroSection .mktgcrumbs {
    flex:1 100%;
    margin:0 0 1%;
}
.heroSection .mktgcrumbs ul {
    margin:0;
    padding:0;
    font-size:130%;
    color:#FFF;
    list-style-type:none;
}
.heroSection .mktgcrumbs ul li {
    display:inline-block !important;
    letter-spacing:1px;
    text-shadow: 0 0 3px rgba(0,0,0,.66);
}
.heroSection .mktgcrumbs ul li:after {
    content:"//";
    font-weight:700;
    margin-left:5px;
}
.heroSection .mktgcrumbs ul li:last-of-type:after {content:"";}
.heroSection ul li a {
    color:#FFF;
    font-weight:700;
    text-decoration:underline;
}
.heroSection .mktgcrumbs ul li a:hover {text-decoration:none;}
.heroSection h1 {
    flex:1 100%;
    margin:0;
    color:#FFF;
    font-family: 'Teko', sans-serif;
    font-size:560%;
    font-weight:600;
    letter-spacing:.01em;
    line-height:.85em;
    text-shadow: 0 0 6px rgba(0,0,0,.66);
}
.heroSection p {
    flex:1 100%;
    margin:.666em 33% 0 3px;
    border-radius:9px;
    padding:5px 9px 8px;
    background:rgba(0,0,0,.7);
    color:#FFF;
    font-size:150%;
    line-height:1.25em;
    text-shadow:0 0 6px rgba(0,0,0,1);
}
.mainPageLinks {
    display:flex;
    flex-flow:row wrap;
    align-items:stretch;
    justify-content:center;
    width:100%;
}
.mainPageLinks a {
    position:relative;
    flex:1 23%;
    max-width:23%;
    display:flex;
    text-align:center;
    justify-content:center;
    align-items:center;
    margin:1%;
    border-radius:10px;
    padding:2.75% 0;
    font-size:200%;
    font-weight:900;
    color:#FFF;
    text-decoration:none;
    line-height:1.25em;
    text-shadow:0 0 6px #000;
    background-color:rgba(0,0,0,.25);
}
.mainPageLinks a:hover {background-color:rgba(0,0,0,0);}
.mainPageLinks a:active {
    position:relative;
    top:1px;
    left:1px;
}
.mainPageLinks a::before {
    content: "";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:1;
    border-radius:10px;
    z-index:-963;
}
.keyPartners {
    flex:1 100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    margin:1.25% 0;
}
.keyPartners span {
    position:relative;
    flex:1 7%;
    max-width:7%;
    margin:0 2%;
    text-align:center;
}
.keyPartners span.itwformex {
    flex:1 9%;
    max-width:9%;
    left:-1px;
}
.keyPartners span.lydall {top:2px;}
.keyPartners span.rogers {top:3px;}
.keyPartners span img {
    width:100%;
    height:auto;
}
.keyPartners span.threeM img {width:70%;}
main h2 {
    margin:0;
    font-size:220%;
    color:#a8394a;
    font-weight:900;
}
.bodyLeft {
    flex:1 62%;
    margin:0 1.5%;
}
.bodyLeft div,
.bodyRight div {
    background:#f2f3f9;
    box-shadow:0 0 6px rgba(0,0,0,.27);
    border-radius:10px;
    padding:12px 14px 15px;
}
div.exampleImages, div.exampleImages div,
div.caseStudy, div.caseStudy div, div.caseStudy div div,
div.testimonial, div.testimonial div,
div.materialList, div.materialList div {
    background:none;
    box-shadow:none;
    border-radius:0;
    padding:0;
}
.bodyLeft p {
    font-size:180%;
    margin:0 15px 1.33em 0;
    line-height:1.2em;
    letter-spacing:-.01em;
}
.bodyLeft div p {
    margin:.33em 0 .75em;
    font-size:170%;
    letter-spacing:0;
}
.bodyLeft ul {
    margin:0 0 1em;
    padding:0;
    column-count:2;
    font-size:170%;
    list-style:none;
    font-weight:700;
}
.bodyLeft ul li span {
    position:relative;
    top:3px;
    margin-right:2px;
    display:inline-block;
    font-size:170%;
    font-weight:normal;
    color:#a8394a;
}
.exampleImages {
    display:flex;
    flex-flow:row;
    margin-top:1.5%;
}
.exampleImages div {
    flex:1 32.333%;
    text-align:center;
}
.exampleImages div:nth-of-type(1) {margin-right:1%;}
.exampleImages div:nth-of-type(2) {margin:0 .5%;}
.exampleImages div:nth-of-type(3) {margin-left:1%;}
.exampleImages div img {
    display:inline-block;
    border-radius:10px;
    width:100%;
    height:auto;
}
.exampleImages div span {
    display:block;
    margin:2px 15px 0;
    font-size:140%;
    font-style:italic;
    letter-spacing:.02em;
    line-height:1.2em;
}
div.caseStudy {
    box-shadow:0 0 6px rgba(0,0,0,.27);
    margin-bottom:3%;
    border-radius:10px;
}
.caseStudy h2 {
    border-bottom:2px solid #444;
    border-radius:10px 10px 0 0;
    padding:5px 8px 4px;
    font-size:200%;
    background:#f2f3f9;
    color:#444;
    font-weight:400;
}
.caseStudy h2 b {color:#a8394a;}
div.caseStudy p {
    margin:0;
    border-bottom:1px solid #444;
    padding:6px 8px;
    font-size:150%;
    line-height:1.15em;
}
.questionsAnswers {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
div.caseStudy div.question,
div.caseStudy div.answer {
    padding:5px 8px 6px;
    font-size:160%;
    color:#444;
}
div.caseStudy div.question {
    flex:1 35%;
    max-width:35%;
    border-bottom:1px solid #444;
    font-weight:700;
    background:#f2f3f9;
}
div.caseStudy div.answer {
    flex:1 64.75%;
    max-width:64.75%;
    border-bottom:1px solid #444;
    background:#FFF;
}
div.caseStudy div.sectionFoot {
    height:15px;
    border-radius:0 0 10px 10px;
    background:#f2f3f9;
}
div.testimonial {
    display:flex;
    flex-flow:row;
    color:#FFF;
    box-shadow:0 0 6px rgba(0,0,0,.27);
    border-radius:10px;
}
div.testimonial div.testimonialLeft {
    flex:1 50%;
    border-radius:10px 0 0 10px;
    padding:5% 0;
    background:#a8394a;
    display:flex;
    flex-flow:row wrap;
    align-content:center;
}
div.testimonial div.testimonialRight {
    flex:1 50%;
    border-radius:0 10px 10px 0;
    background:#FFF url('/UserFiles/PreCon/images/markets/testimonialsPlaceholder.jpg') 50% 50% no-repeat;
    background-size:cover;
}
div.testimonial p {
    flex:1 83%;
    margin:0 8.5%;
    font-size:145%;
    text-align:justify;
}
.testimonial img {
    width:100%;
    height:auto;
    border-radius:0 10px 10px 0;
}
.testimonial hr {
    width:50%;
    height:1px;
    margin:18px auto;
    border:0;
    color:#FFF;
    background-color:#FFF;
}
div.testimonial p.signature {
    flex:1 100%;
    margin:0;
    font-size:120%;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
}
div.materialList {
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    margin-bottom:3%;
    background:none;
    box-shadow:none;
}
.materialList h2 {
    flex:1 100%;
    margin-bottom:1.5%;
    border-radius:10px;
    padding:6px 12px;
    font-size:190%;
    color:#FFF;
    background:#444;
    font-weight:700;
    text-align:center;
}
div.materialList div {
    flex:1 50%;
    max-width:50%;
    box-shadow:none;
    margin:0 0 2%;
    border-radius:0;
    padding:0;
    color:#444;
}
div.materialList div div:last-of-type {padding-bottom:0;}
div.materialList div b {
    display:block;
    margin-left:5%;
    border-radius:6px 6px 0 0;
    padding:0;
    font-size:170%;
    position:relative;
    color:#104475;
    font-weight:900;
}
div.materialList b::before {
    content:"\00BB";
    position:absolute;
    top:7px;
    left:-5%;
    font-size:180%;
    font-weight:700;
    line-height:0;
    color:#333;
}
div.materialList span {
    display:block;
    margin:0 5%;
    padding:0;
    font-size:140%;
    color:#333;
}
.bodyRight h2.miniBrochuresHeader {
    margin-bottom:3%;
    border-radius:10px;
    padding:6px 12px;
    font-size:190%;
    color:#FFF;
    background:#a8394a;
    font-weight:700;
    text-align:center;
}
.bodyRight div.miniBrochures,
.bodyRight div.miniBrochures div {
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    align-items:flex-start;
    margin:0;
    padding:0;
    background:none;
    box-shadow:none;
}
.bodyRight div.miniBrochures div {
    flex:1 30%;
    max-width:30%;
    margin:0 1.6665% 5%;
    font-size:125%;
    font-weight:400;
}
.bodyRight div.miniBrochures div a {
    color:#104475;
    text-decoration:underline;
    line-height:1.25em;
}
.bodyRight div.miniBrochures div a:hover {
    text-decoration:none;
}
.bodyRight div.miniBrochures div:active {
    position:relative;
    top:1px;
    left:1px;
}
.bodyRight div.miniBrochures div img {
    width:100%;
    height:auto;
    margin-bottom:3px;
    border-radius:10px;
    box-shadow:0 0 6px rgba(0,0,0,.27);
}
.bodyRight div.miniBrochures div img:hover {
    border:2px solid #104475;
}
.bodyRight {
    flex:1 32%;
    margin:0 1.5%;
}
.bodyRight h2 {margin-bottom:4%;}
.bodyRight div div {
    background:none;
    box-shadow:none;
    margin:2% 0 4%;
    padding:0;
    font-size:190%;
    font-weight:700;
    display:flex;
    flex-flow:row;
    align-items:center;
}
.bodyRight div div span:first-of-type {
    flex:1 20%;
    margin-right:2%;
}
.bodyRight div div span:last-of-type {
    flex:1 78%;
    padding-right:5%;
}
.bodyRight div div span:first-of-type img {
    width: auto;
    height: auto;
    max-width: 51px;
    max-height: 51px;
    margin: 0 auto;
    display: block;
}
.bodyRight div a.rfqButton {
    display:block;
    width:50%;
    margin:5% auto 2.5%;
    border-radius:5px;
    padding:9px 15px;
    background:#e51937;
    color:#FFF;
    font-size:170%;
    font-weight:700;
    text-decoration:none;
    text-align:center;
}
.bodyRight div a.rfqButton:hover {background:#ed9e00;}
.bodyRight div a.rfqButton:active {
    position:relative;
    top:1px;
    left:1px;
}
h2.environmentalHeader,
h2.certsHeader,
h2.ExReReHeader {
    margin:0;
    border-radius:10px 10px 0 0;
    padding:6px;
    color:#EFEFEF;
    text-align:center;
    font-size:210%;
}
h2.environmentalHeader {background:#3d7538;}
h2.certsHeader {background:#2d7492;}
h2.ExReReHeader {background:#667;}
.bodyLeft .environmental a {
    text-decoration:underline;
    color:#3d7538;
    font-weight:700;
}
.bodyLeft .environmental a:hover {text-decoration:none;}
.bodyLeft .environmental,
.bodyLeft .ExReRe {
    margin-bottom:2%;
    border-radius:0 0 10px 10px;
    padding:10px 14px 15px;
    box-shadow:none;
    color:#556;
}
.bodyLeft .environmental p,
.bodyLeft .ExReRe p {
    margin:0 2% 1em 0;
    font-size:160%;   
}
.bodyLeft .environmental p b,
.bodyLeft .ExReRe p b {
    font-size:105%;
    font-weight:700;
    color:#333;
}
.bodyLeft .ExReRe {border-radius:10px;}
.bodyRight .miniCerts {
    display:flex;
    flex-flow:row wrap;
    border-radius:0 0 10px 10px;
    box-shadow:none;
    background:#e2eff5;
    color:#556;
}
.bodyRight .miniCerts div {
    flex:1 42%;
    margin:4%;
    text-align:center;
    align-items:flex-start;
}
.bodyRight .miniCerts div img {
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
    border-radius:10px;
    box-shadow:0 0 6px rgba(0,0,0,.18);
}
.bodyRight .miniCerts div img:hover {box-shadow:0 0 6px rgba(0,0,0,.36);}
.bodyRight .miniCerts div span {
    display:block;
    margin-top:6px;
}
.bodyRight .miniCerts div span:first-of-type {
    flex:none;
    margin-right:0;
}
.bodyRight .miniCerts div span:last-of-type {
    flex:none;
    padding-right:0;
}
.bodyRight .miniCerts div a {
    text-decoration:underline;
    font-size:70%;
    color:#104475;
}
.bodyRight .miniCerts div a:hover {text-decoration:none;}
.bodyRight .miniCerts div a:active {
    position:relative;
    top:1px;
    left:1px;
}
.legalCopy {max-width:1150px;}
.legalCopy ol,
.legalCopy ul {
    margin:0;
    padding:0 0 0 27px;
}
.legalCopy p,
.legalCopy ol li,
.legalCopy ul li {
    font-size:160%;
    margin:0 15% 1em 1.5%;
    line-height:1.2em;
}
.legalCopy ol ol li,
.legalCopy ul ul li {margin:1em 15% 1em 1.5%;}
.legalCopy ol li li,
.legalCopy ul li li {font-size:100%;}
.legalCopy ol.closeLines li,
.legalCopy ul.closeLines li,
.legalCopy ol.closeLines li li,
.legalCopy ul.closeLines li li {margin:0 15% 0 1.5%;}
.legalCopy p i {font-size:90%;}
.bodyLeft .preConTeam {
    margin:0 0 3%;
    padding:0;
    display:flex;
    flex-flow:row wrap;
}
.bodyLeft .preConTeam h2 {
    flex:1 100%;
    margin:0;
    border-radius:10px 10px 0 0;
    padding:6px 1.5% 0;
    background:#e51937;
    color:#FFF;
    font-family:'Teko',sans-serif;
    font-size:300%;
    font-weight:600;
}
.bodyLeft .preConTeam p {
    flex:1 100%;
    margin:5px 1.5% 18px;
    font-size:160%;
}
.bodyLeft .preConTeam div {
    flex:1 47%;
    margin:0 1.5% 2%;
    background:none;
    padding:0;
    box-shadow:none;
    display:flex;
    flex-flow:row;
    align-items:stretch;
}
.bodyLeft .preConTeam div span:first-of-type {flex:1 25%;}
.bodyLeft .preConTeam div img {
    border-radius:10px 0 0 10px;
    width:100%;
    height:auto;
}
.bodyLeft .preConTeam div span:last-of-type {
    flex:1 75%;
    border-radius:0 10px 10px 0;
    padding-left:10px;
    background:#e3e2e9;
    display:flex;
    flex-flow:column;
    justify-content:center;
    align-items:stretch;
    align-content:center;
    font-size:140%;
}
.bodyLeft .preConTeam div span:last-of-type b {
    display:inline-block;
    font-weight:900;
    font-size:120%;
    margin-bottom: 1px;
}
.bodyLeft .preConTeam div span:last-of-type a {
    display:inline-block;
    margin-top:2px;
    color:#104475;
    text-decoration:underline;
    font-weight:700;
    padding-left:2px;
}
.bodyLeft .preConTeam div span:last-of-type a:hover {text-decoration:none;}
.bodyLeft .preConTeam div span:last-of-type a::before {
    content:url('UserFiles/PreCon/images/about/tinyLinkedIn.png');
    position:relative;
    top:3px;
    left:-2px;
}
.bodyLeft .preConFacts {
    background:none;
    padding:0;
    display:flex;
    flex-flow:row;
    justify-content:center;
    align-items:stretch;
    align-content:center;
}
.bodyLeft .preConFacts span {padding:10px;}
.bodyLeft .preConFacts span:first-of-type {
    flex:1 30%;
    background:#e51937;
    color:#FFF;
    border-radius:10px 0 0 10px;
    padding-left:10%;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    align-content:center;
    background-image:url('UserFiles/PreCon/images/about/iconQuality.png');
    background-repeat:no-repeat;
    background-size:25%;
    background-position:10px calc(50% - 1px);
}
.bodyLeft .preConFacts span:first-of-type b {
    flex:0 100%;
    font-size:250%;
    line-height:.95em;
    font-family:'Teko',sans-serif;
    font-weight:600;
}
.bodyLeft .preConFacts span:first-of-type em {
    font-size:150%;
    line-height:1.1em;
    flex:0 100%;
}
.bodyLeft .preConFacts span:last-of-type {
    flex:1 70%;
    background:#f2f3f9;
    border-radius:0 10px 10px 0;
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:center;
    font-size:150%;
}
.bodyLeft .preConFacts span:last-of-type em {
    flex:0 50%;
    display:inline-block;
    margin:4px 0;
    padding-left:4px;
    font-weight:700;
}
.bodyRight .theProcess {
    margin:0 0 5.6%;
    border:0;
    border-radius:10px;
    padding:0;
    background:none;
}
.bodyRight .theProcess h2 {
    margin:0;
    border-radius:10px 10px 0 0;
    padding:6px 0 0px;
    background:#555;
    color:#FFF;
    font-family:'Teko',sans-serif;
    font-size:300%;
    font-weight:600;
    text-align:center;
}
.bodyRight .theProcess ol {
    margin:0;
    padding:0 0 2%;
    border-radius:0 0 10px 10px;
    background:#f2f3f9;
    list-style-position:inside;
    list-style-type:decimal;
}
.bodyRight .theProcess ol li {
    margin:2%;
    border-left:14px solid #e51937;
    border-radius:6px;
    padding:1% 2%;
    background:#555;
    color:#FFF;
    font-size:190%;
    font-weight:900;
    display:flex !important;
    flex-flow:row;
    justify-content:center;
    align-items:center;
}
.bodyRight .theProcess ol li:last-of-type {margin-bottom:0;}
.bodyRight .theProcess ol li span:first-of-type {flex:1 80%;}
.bodyRight .theProcess ol li span:last-of-type {
    flex:1 20%;
    text-align:center;
}
.bodyRight .theProcess ol li span img {
    width:auto;
    height:auto;
    max-height:34px;
}
.bodyRight .preferredConverters {
    margin:0;
    border:0;
    padding:12px;
    text-align:center;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:flex-start;
}
.bodyRight .preferredConverters p {
    flex:1 100%;
    margin:0 0 1em;
    font-size:140%;
    text-align:left;
}
.bodyRight .preferredConverters a {margin:0 5%}
.bodyRight .preferredConverters a:first-of-type {flex:1 53%;}
.bodyRight .preferredConverters a:last-of-type {flex:1 27%;}
.bodyRight .preferredConverters a img {
    width:100%;
    height:auto;
}
.bodyRight .preferredConverters a img.threeM {max-width:256px;}
.bodyRight .preferredConverters a img.rogers {max-width:151px;}
.contactBlocks {
    flex:1 100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-around;
    align-content:flex-start;
}
.contactBlocks div {
    flex:1 24%;
    margin:0 .5% 1%;
    border-radius:10px;
    background:#f2f3f9;
}
.contactBlocks div h2 {
    border-radius:10px 10px 0 0;
    padding:5px 0 0;
    background:#104475;
    color:#FFF;
    font-family:'Teko', sans-serif;
    font-size:250%;
    text-align:center;
}
.contactBlocks div p {
    margin:11px 13px 27px;
    font-size:150%;
    line-height: 1.35em;
}
.contactBlocks div a {
    color:#104475;
    text-decoration:underline;
}
.contactBlocks div a:hover {text-decoration:none;}
.contactBlocks div a.mapsLink {
    display:block;
    margin:0 10px 10px;
    border-radius:6px;
    padding:6px 0;
    background:#158dc8;
    color:#FFF;
    font-size:150%;
    font-weight:700;
    text-decoration:none;
    text-align:center;
}
.contactBlocks div a.mapsLink:hover {background:#F90;}
.contactBlocks div a.mapsLink:active {
    position:relative;
    top:1px;
    left:1px;
}
.hiscoFamily {
    flex:1 100%;
    flex-flow:row;
    justify-content:center;
    align-items:stretch;
    margin-top:.5%;
}
.hiscoFamily a {
    flex:1 16.666%;
    display:flex;
    align-items:center;
    max-width:134px;
    height:74px;
    margin:10px 5px;
    border:3px solid #d9d9d9;
    border-radius:6px;
    background:#FAFAFC;
}
.hiscoFamily a:hover {border:3px solid #8a8a8a;}
.hiscoFamily a:active {
    position:relative;
    top:1px;
    left:1px;
}
.hiscoFamily a img {
    width:100%;
    height:auto;
    max-width:100px;
    margin:0 auto;
}
.hiscoFamily a.footerAMG img {max-width:60px;}
.hiscoFamily a.footerHiscoCan img {max-width:90px;}
main {margin-bottom:5%;}
.footerNav {
    flex:1 100%;
    padding:1.75% 0 4%;
    background:#333;
    color:#8a8a8a;
}
.footerNav div {
    flex:1 25%;
    max-width:25%;
    padding:0 2%;
}
.footerNav h4 {
    margin:0;
    color:#E5E5E5;
    font-family:'Teko', sans-serif;
    font-size:250%;
    font-weight:500;
    line-height:1em;
}
.footerNav nav,.footerNav address {
    line-height:1.45em;
    font-size:150%;
}
.footerNav nav {
    color:#8a8a8a;
}
.footerNav address {
    display:inline-block;
    text-align:left;
}
.footerNav a {
    color:#999;
    text-decoration:none;
}
.footerNav a:hover {text-decoration:underline;}
.copyright {
    flex:1 100%;
    padding:8px 0;
    background:#e51937;
    color:#FFF;
}
.copyright p {
    flex:1 100%;
    margin:0;
    font-size:120%;
    text-align:center;
}
::placeholder {color:#a3a6a8;}
.hidden {display:none;}
@media (max-width: 981px) {
    .headerNav nav {
        flex:1 100%;
        max-width:none;
        order:2;
    }
    .headerNav nav > ul > li {
        flex:1 23%;
        max-width:23%;
        margin: 5px 1%;
    }
    .headerNav nav ul li > a {
        display:block;
        border-radius:5px;
        padding:13px 0;
        color:#313233;
        text-decoration:none;
        font-size:150%;
        text-align:center;
    }
    .headerNav nav > ul li ul {
        border-radius:5px;
        padding-top:5px;
    }
    .headerNav form {
        flex:1 96.7%;
        max-width:none;
        margin:10px 1.4% 0 1.9%;
        order:1;
        padding:0;
    }
    .headerNav form input[type=text] {max-width:none;}
    main {margin-bottom:2%;}
    .heroSection h1 {
        margin:3px 0 0;
        font-size:480%;
    }
    .mainPageLinks a {
        flex:1 31.333%;
        max-width:31.333%;
    }
    .bodyLeft,
    .bodyRight {
        flex:1 99%;
        margin:0 1% 2%;
    }
    .bodyLeft .preConTeam,
    .bodyRight .theProcess {margin-bottom:2%;}
    div.caseStudy,
    div.testimonial {margin-bottom:2%;}
    .bodyRight .materialColumnImage {display:none;}
    .hiscoFamily {
        flex-flow:row wrap;
        justify-content:center;
        align-items:stretch;
    }
    .hiscoFamily a {
        flex:1 32.333%;
        max-width:32.333%;
        margin:0 .5% .5%;
    }
    .footerNav {
        flex:1 100%;
        padding:25px 0;
        background:#333;
        color:#8a8a8a;
    }
    .footerNav div {
        flex:1 50%;
        max-width:50%;
        padding:0 5% 25px;
    }
    .footerNav h4 {margin:0;}
}
@media (max-width: 800px) {
    .contactBlocks div {flex:1 49%;}
}
@media (max-width: 640px) {
    .mainPageLinks a {
        flex:1 48%;
        max-width:48%;
    }
}
@media (max-width: 640px) {
    .homeHero {
        background:url(/UserFiles/PreCon/images/hero/heroHome.jpg) no-repeat 75% 27%;
        background-size:cover;
    }
}