﻿@charset "UTF-8";
/* RESET 
------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {
    font-size: 100%;
    font-family: 'Rubik', sans-serif !important;
    background: #fff;
}
/* SELECTION */ ::selection {
    color: #fff;
    background: #004da1;
}
::-moz-selection {
    color: #fff;
    background: #004da1;
}
/* CLEAR */
.clear {
    clear: both;
}
/* HEADERS */
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}
h1 {
    font-size: 2.5em;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
h1 span {
    font-size: .7em;
    font-weight: 400;
    color: #b1b1b1;
}
h2 {
    font-size: 1.75em;
    line-height: 1.05;
    font-weight: 700;
    text-transform: uppercase;
    color: #004da1;
    font-family: 'Roboto', sans-serif;
}
h3 {
    font-size: 20px;
    font-weight: normal;
}
h4 {
    font-size: 1.75em;
    font-weight: 700;
    color: #575757;
}
h5 {
    font-size: 16px;
    font-weight: normal;
}
h6 {
    font-size: 14px;
    font-weight: normal;
}
/* PARAGRAPH/LIST/GENERAL TEXT */
/* LINKS */
a {
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
}
a:link, a:visited {
    color: #202020;
    text-decoration: underline;
}
a:hover, a:active {
    color: #f30601;
    text-decoration: none;
}
a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}
/* IMAGES */
img {
    display: block;
}
/* TEXT EMPHASIS */
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
/* TEXT STYLINGS */
.dark {
    color: #131313;
}
.gray {
    color: #4F4F4F;
}
.heavy {
    font-weight: 800;
}
/* ALIGNMENT */
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    text-align: center;
}
/* HEADER
------------------------------------------------*/
.site-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 2.5%;
    padding: 25px 0;
}
/* HEAD CONTACT
------------------------------------------------*/
.hd-section {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
}
.hd-contact { /*display:flex; flex-flow:row wrap; align-items:flex-end; justify-content:flex-end;*/ margin: 0 0 18px auto;
    font-family: 'Roboto', sans-serif;
}
.hd-contact .fas {
    color: #fb1307;
}
.hd-contact a {
    text-decoration: none;
}
.hd-phone {
    font-size: 2.0625em;
    font-weight: 800;
    text-align: right;
}
.hd-phone .fas {
    font-size: .6em;
}
.hd-phone a {
    color: #3d3d3d;
}
.hd-email {
    margin: 0 10px 0 0;
    font-size: 1.4375em;
    font-weight: 800;
    text-align: right;
}
.hd-email .fas {
    font-size: .87em;
}
.hd-email a {
    color: #4f4f4f;
}
.hd-image {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* margin-left: auto; */
}
.vaplogo {}
.vaplogo img {
    width: 100%;
    max-width: 220px;
}
.logo {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.logo img {
    width: 100%;
    max-width: 350px;
}
.crestlogo {
    width: 220px;
}
.crestlogo img {
    width: 100%;
    max-width: 120px;
    margin: 0 0 0 auto;
}
/*  NAVIGATION
------------------------------------------------*/
#menu-button {
    display: none;
}
nav.mobile {
    display: none;
}
nav.primary {
    display: flex;
    flex-flow: row wrap; /*align-items:center;*/ justify-content: space-between;
    z-index: 500;
    position: relative;
    margin: 0;
    padding: 0;
    background: #004da1;
}
a.at-menu {
    display: block;
    background: #08407e;
}
.at-menu img {
    width: 100%;
    max-width: 162px;
    margin: 0 auto;
    padding: 10px 20px;
    box-sizing: unset;
}
nav.primary ul {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
    width: calc(100% - 202px);
    margin: 0;
    padding: 0;
}
nav.primary ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav.primary ul li a {
    display: block;
    margin: 0;
    padding: 19px 15px 18px 15px;
    font-size: 1.15em;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
}
nav.primary ul li a:hover {
    color: #fb1307;
    background: rgba(0, 0, 0, 0.05);
}
/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {
    width: 250px;
}
nav.primary ul li li a:link, nav.primary ul li li a:visited {
    width: 250px;
    padding: 15px 0;
    font-size: .94em;
    line-height: 18px;
    text-indent: 20px;
    text-align: left;
    color: #fff;
    border: 0;
    background: #181818;
}
nav.primary ul li li a:hover, nav.primary ul li li a:active {
    line-height: 18px;
    color: #fff;
    background: #058fce;
}
/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {
    display: none;
    position: absolute;
}
nav.primary ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}
nav.primary ul li:hover > ul {
    display: block;
    line-height: 18px;
    z-index: 500;
}
nav.primary ul ul li {
    float: none;
    position: relative;
    margin: 0;
}
/*  HERO
------------------------------------------------*/
.hero {
    position: relative;
}
.hero-header {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
}
.hero .cycle-slideshow {
    position: relative;
    width: 100%;
    z-index: 10;
}
.hero .cycle-slideshow img {
    width: 100%;
}
.hero-overlay {
    position: absolute;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(232, 232, 232, 0.23) 100%);
}
.hero-slide {
    position: relative;
    width: 100%;
}
.hero-text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 49%;
    margin: 0 auto;
    font-size: 5vw;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
    color: #fff;
    font-family: 'Roboto', sans-serif;
    /*-webkit-text-stroke-width:1px; -webkit-text-stroke-color:#000;*/
}
.hero-text-tall {
    bottom: 45%;
}
.hero-text span {
    font-size: 3.35vw;
    font-weight: 500;
}
.alt-text {
    font-weight: 300 !important;
    font-size: 4.25vw;
}
.alt-text span {
    font-size: 10vw;
    font-weight: 500;
}
.alt-text strong {
    font-weight: 900 !important;
}
.red-text {
    color: #fb1307;
    -webkit-text-stroke-color: #fff !important;
}
.hero-links {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 38%;
    z-index: 15;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
a.hero-link {
    width: 285px;
    padding: 18px 0;
    text-decoration: none;
    font-size: 1.25em;
    text-align: center;
    text-transform: uppercase;
    color: #444;
    border: 1px #fff solid;
    background: #fff;
}
a.alt-link {
    margin: 0 0 0 38px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}
/*  INTRO TEXT
------------------------------------------------*/
.intro-text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -398px;
    z-index: 20;
    width: calc(100% - 110px);
    max-width: 1200px;
    margin: -10% auto 0 auto;
    padding: 38px 55px 65px 55px;
    color: #fff;
    background: #004da1;
}
.intro-text h1 {
    margin: 0 0 25px 0;
    color: #fff;
}
.intro-text p {
    font-size: 1.12em;
    line-height: 1.5;
}
a.link-button {
    padding: 15px 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: 1px #fff solid;
}
/*  SERVICES SECTION
------------------------------------------------*/
.services-section {
    margin: 0;
    padding: 31% 0 5% 0;
    background: #f9f9f9 url("/siteart/planting-equpiment-bg.jpg") no-repeat center center;
    background-size:
        cover;
}
.services-section h2 {
    margin: 0 0 20px 0;
}
.services-section ul {
    margin: 0 0 0 4px;
}
.services-section ul li {
    list-style: none;
    padding: 8px 0;
    font-size: 1.375em;
    color: #7a7a7a;
}
.services-text {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}
/*  MAIN
------------------------------------------------*/
.main {
    width: 92.5%;
    max-width: 1250px;
    margin: 3.5% auto 6.5% auto;
}
.inv-main {
    width: 92.5%;
    max-width: 1250px;
    margin: 3.5% auto;
}
/*  ARTICLE
------------------------------------------------*/
article h1 {
    margin: 0 0 8px 0;
    font-size: 1.85em;
    color: #004da1
}
article p {
    font-size: 1.125em;
    line-height: 1.5;
}
/*  OUR TEAM PAGE
------------------------------------------------*/
.banner {
    width: 100%;
    height: auto;
}
.about-us-section ul {
    list-style-type: none;
    text-decoration: none;
}
.fb-team {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
    padding: 20px 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.fb-team-info {
    display: flex;
    flex-direction: row;
/*    justify-content: center;*/
    gap: 30px;
    padding-top: 30px;
}
.team-photo {
    width: 250px;
    height: 100%;
    object-fit: cover;
}

/*  INVENTORY LINKS
------------------------------------------------*/
.inv-links {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 20px 0 4% 0;
}
.inv-links a {
    min-width: 280px;
    margin: 2%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: 1px #fff solid;
    outline: solid 5px #fb1307;
    background: #fb1307;
}
.inv-links a:hover {
    outline: 3px #004da1 solid;
    background: #004da1;
}
.inv-links a:active {
    outline: 3px #042c58 solid;
    background: #042c58;
}
.inv-links a.active-link {
    outline: 3px #004da1 solid;
    background: #004da1;
}
.inv-links a.active-link:hover {
    outline: 3px #042c58 solid;
    background: #042c58;
}
/* FORM
------------------------------------------------*/
.site-form {
    margin: 85px 0 0 0;
}
.site-form .four-cells {
    width: 24%;
    *width: 24%;
    min-width: 175px;
    box-sizing: border-box;
}
.site-form .three-cells {
    width: 32.3%;
    *width: 32%;
    box-sizing: border-box;
}
.site-form .two-cells-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.site-form .full-cell {
    width: 99% !important;
}
.site-form .last {
    margin-right: 0 !important;
}
.site-form .instructions {
    font-size: 14px;
    color: #111;
    margin: 6px 0 6px 0;
}
.site-form .note {
    font-size: 12px;
    font-style: italic;
    color: #111;
    text-align: center;
    margin: 8px 0 0 0;
}
.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
    margin: 6px .8% 9px 0;
    padding: 12px 0;
    font-size: 15px;
    background-color: #F4F4F4;
    text-indent: 12px;
    box-sizing: border-box;
    border: none;
}
.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {
    background-color: #fcfcfc;
}
.site-form textarea {
    width: 100%;
    height: 150px;
    margin: 2px 0;
    padding: 4px 8px;
    font-size: 15px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.site-form textarea:focus {
    background-color: #FCFCFC;
    border: 1px #5A5A5A solid;
}
.site-form .check-field {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.site-form .check-field .checkbox {
    margin: 0 8px 8px 8px;
    padding: 0;
    color: #4D4D4D;
}
.site-form input[type="submit"] {
    height: 46px;
    padding: 0 20px;
    margin: 10px 0 0 0;
    font-size: 16px;
    border: none;
    color: #fff;
    background: #004da1;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -webkit-appearance: none;
}
.site-form input#CaptchaAnswer {
    margin: 6px 0 9px 0;
    padding: 12px 0;
    font-size: 15px;
    background-color: #ececec;
    text-indent: 12px;
    box-sizing: border-box;
    border: none;
}
.site-form input[type="submit"]:hover {
    color: #fff;
    background: #5e5e5e;
    letter-spacing: .5px;
    transform: scale(1.01, 1.01);
    cursor: pointer;
    -webkit-appearance: none;
}
#CaptchaImage {
    margin: 0 auto;
}
/*  MOTTO BANNER
------------------------------------------------*/
.motto-banner {
    padding: 20px 0;
    font-size: 3vw;
    text-align: center;
    color: #fff;
    background: #fb1307;
}
/*  COVERAGE SECTION
------------------------------------------------*/
.coverage-section {
    margin: 35px 0 45px 0;
}
.location-section {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    width: 92.5%;
    margin: 15px auto;
}
.location-map {
    position: relative;
    margin: 35px 0;
    padding: 0;
}
.location-map:nth-of-type(2) {
    margin: 35px 30px;
}
.location-map h4 {
    position: relative;
    z-index: 8;
    margin: 0 0 0 35px;
    text-transform: uppercase;
}
.location-map img {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 367px;
}
.map-box {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 26%;
    z-index: 0;
    width: 100%;
    max-width: 315px;
    height: 135px;
    margin: 0 auto;
    border: 1px #efefef solid;
}
/*  COVERAGE SECTION
------------------------------------------------*/
.owners-section {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}
.founder-details {
    margin: 0 5% 0 0;
}
.vp-details {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
.owners-section h5 {
    font-size: 1.1em;
    font-weight: 300;
    color: #959595;
}
.owner-details:nth-of-type(2) {
    margin: 0 40px;
}
.owner-name {
    font-size: 1.5em;
    line-height: 1.4;
    font-weight: 600;
    color: #08407e;
}
.owner-name h6 {
    font-size: 1.15em;
    font-weight: 600;
    color: #08407e;
}
.owner-name h6 span {
    color: #fb1307;
    font-weight: 600;
}
.owner-name:nth-of-type(2) {
    margin: 0 40px;
}
.owner-name h5 {
    margin: 0 0 6px 0;
    font-size: 1em;
    font-weight: 300;
    color: #959595;
}
.owner-alt {
    width: 100%;
    color: #fb1307;
}
.owner-name span {
    font-size: .83em;
    font-weight: 400;
    color: #555;
}
/*  FOOTER
------------------------------------------------*/
.site-footer {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px 2%;
    color: #fff;
    background: #3c3c3c;
}
.site-footer a {
    font-weight: 300;
    text-decoration: none;
    color: #fff;
}
.site-footer a[href^="tel:"] {
    color: #fff;
}
.ft-copyright {
    font-size: 1em;
    font-weight: 400;
}
.ft-details {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.ft-motto {
    margin: 0 35px 0 0;
    font-size: 1.125em;
    font-weight: 500;
    font-style: italic;
}
.ft-contact {
    font-size: 1.25em;
    letter-spacing: 10px;
}
/************************************************ Responsive Styles **/
@media screen and (max-width: 1600px) {
    nav.primary ul li a {
        padding: 19px 10px 18px 10px;
        font-size: 1em;
    }
    .hero-text {
        bottom: 40%;
    }
    .hero-text-tall {
        bottom: 38%;
    }
    .hero-links {
        bottom: 30%;
    }
    .intro-text {
        bottom: -500px;
    }
}
@media screen and (max-width: 1400px) {
    nav.primary ul li a {
        padding: 19px 8px 18px 8px;
        font-size: .85em;
    }
}
@media screen and (max-width: 1300px) {
    .crestlogo img {
        margin: 0 10% 0 auto;
    }
    .hd-contact {
        margin: 0 0 0 auto;
    }
    nav.primary {
        display: none;
    }
    #menu-button {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 400;
        width: 100%;
        font-size: 1.25em;
        line-height: 1;
        background: #004da1;
    }
    #menu-button a {
        width: 50%;
        text-align: center;
        text-decoration: none;
        padding: 20px 0;
        font-weight: 400;
        color: #fff;
        cursor: pointer;
    }
    a.at-menu {
        display: block;
        width: 50%;
        height: 50%;
        background: #08407e;
    }
    .at-menu img {
        width: calc(100% - 40px);
        max-width: 162px;
        margin: 0 auto;
        padding: 0 20px;
    }
    nav.mobile ul li a .fa {
        width: 25px;
        font-weight: 100;
        padding: 8px 3px;
        margin: 0 0 0 5px;
        text-align: center;
        background: #292929;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    nav.mobile ul li .fa-chevron-down {
        position: absolute;
        right: 10px;
        margin: 18px 0 0 0;
    }
    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -285px;
        width: 285px;
        height: 100%;
        z-index: 500;
        overflow: auto;
        background: #333;
    }
    /* MENU HEADER SOCIAL MEDIA */
    nav.mobile .social-media {
        position: absolute;
        text-decoration: none;
        vertical-align: top;
        z-index: 9999;
        display: inline-block;
        top: 15px;
        left: 15px;
        font-size: 16px;
        word-spacing: 13px;
        color: #ccc !important;
    }
    nav.mobile .social-media a:link, nav.mobile .social-media a:visited {
        color: #ccc;
        text-decoration: none;
    }
    nav.mobile .social-media a:hover, nav.mobile .social-media a:active {
        color: #fff;
        text-decoration: underline;
    }
    /* MENU HEADER STYLES */
    nav.mobile h3 {
        color: #ccc;
        padding: 23px 0;
        position: relative;
        font-size: 18px;
        background: #313131;
    }
    nav.mobile .menu-title {
        position: absolute;
        vertical-align: top;
        top: 16px;
        right: 47px;
        text-transform: uppercase;
        font-size: 12px;
        color: #ccc;
    }
    /* MENU CLOSE 'X' BUTTON */
    nav.mobile .menu-toggle {
        position: absolute;
        top: 8px;
        right: 10px;
        padding: 6px 9px 5px;
        display: inline-block;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
        color: #ccc;
        text-decoration: none;
        vertical-align: top;
        font-family: Arial, sans-serif;
    }
    nav.mobile .menu-toggle:hover {
        color: #fff;
    }
    /* MENU LIST STYLE */
    nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }
    nav.mobile ul li {
        color: #999;
        font-size: 15px;
        border-bottom: 1px solid #303030;
    }
    /* FIRST LEVEL */
    nav.mobile ul li a {
        color: #999;
        position: relative;
        display: block;
        font-size: 15px;
        text-align: right;
        text-decoration: none;
        border-left: 4px #333 solid;
        padding: 15px 35px 15px 20px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    nav.mobile ul li a:hover {
        background: rgba(0, 77, 161, 0.7);
        color: #fff;
        border-left: 4px #fb1307 solid;
    }
    /* SECOND LEVEL */
    nav.mobile ul li li:last-child {
        border: none;
    }
    nav.mobile ul li li a {
        color: #ccc;
        background: #444;
        border-left: 4px #444 solid;
        padding: 15px 10px 15px 15px;
    }
    nav.mobile ul li li a:hover {
        background: rgba(0, 77, 161, 0.7);
    }
    /* THIRD LEVEL */
    nav.mobile ul li li li:last-child {
        border: none;
    }
    nav.mobile ul li li li a {
        color: #ccc;
        background: #555;
        border-left: 4px #555 solid;
    }
    nav.mobile ul li li li a:hover {
        background: rgba(0, 77, 161, 0.7);
    }
    .nav-footer {
        color: #777;
        position: relative;
        text-align: center;
        font-size: 16px;
        line-height: 16px;
        padding: 15px 0;
    }
    .hero-text {
        bottom: 33%;
    }
    .hero-text-tall {
        bottom: 30%;
    }
    .hero-links {
        bottom: 55%;
    }
    .intro-text {
        position: relative;
        bottom: 0;
        margin: 0 auto;
        padding: 38px 55px 65px 55px;
    }
    .intro-text h1 {
        margin: 0 0 25px 0;
        color: #fff;
    }
    .intro-text p {
        font-size: 1.11em;
        line-height: 1.5;
    }
    a.link-button {
        padding: 15px 30px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border: 1px #fff solid;
    }
}
@media screen and (max-width: 1200px) {
    /*.hero-text {bottom:40%;}
	.hero-text-tall {bottom:38%;}
	.hero-links {bottom:30%;}*/
    .hero-text {
        bottom: 25%;
    }
    .hero-text-tall {
        bottom: 23%;
    }
    .crestlogo img {
        margin: 0 auto;
    }
    .site-form .four-cells {
        width: 100%;
        *width: 100%;
        min-width: none;
    }
}
@media screen and (max-width: 1024px) {
    .hd-section {
        width: auto;
        margin: auto;
    }
    .hd-contact {
        flex-flow: column-reverse;
        margin: 18px auto 0 auto;
    }
    .hd-email {
        margin: 0;
        text-align: center;
    }
    .hd-phone {
        text-align: center;
    }
    .vaplogo {}
    .vaplogo img {
        width: 100%;
        max-width: 150px;
    }
    .logo {}
    .logo img {
        width: 100%;
        max-width: 300px;
    }
    .crestlogo {
        width: 150px;
    }
    .crestlogo img {
        width: 100%;
        max-width: 100px;
        margin: 0 0 0 auto;
    }
    .hd-contact {}
    .hero-links {
        bottom: 60%;
    }
    .motto-banner {
        font-size: 4.15vw;
    }
    .site-form .three-cells {
        width: 100%;
        *width: 100%;
    }
    .site-form .full-cell {
        width: 100% !important;
    }
    .founder-details {
        margin: 0 auto;
    }
    .vp-details {
        margin: 45px auto 0 auto;
    }
    .owners-section {
        flex-flow: column;
    }
    .owner-details {
        margin: 0 auto;
    }
    .site-footer {
        flex-flow: column-reverse;
        padding: 20px 2%;
        text-align: center
    }
    .ft-details {
        flex-flow: column;
        align-items: center;
        margin: 0 0 25px 0;
    }
    .ft-motto {
        margin: 0 0 8px 0;
    }
}
@media screen and (max-width: 900px) {
    .hero-links {
        bottom: 63%;
    }
    .fb-team {
        flex-direction: column;
    }
    .team-photo {
        align-content: center;
        width: 100%;
        height: 400px;
    }
}
@media screen and (max-width: 900px) {
    .hero-header {
        position: relative;
    }
    .hero-text {
        bottom: 35%;
        font-size: 6vw;
    }
    .intro-text {
        width: 90%;
        padding: 38px 5% 65px 5%;
    }
    .intro-text h1 {
        font-size: 2em;
    }
    .hero-links {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .logo img {
        max-width: 215px;
    }
    .hd-email {
        font-size: 1.25em;
    }
    .hd-phone {
        font-size: 1.85em;
    }
    .crestlogo img {
        margin: 0 auto 0 0;
    }
    .services-section {
        padding: 50px 0;
    }
    .services-section ul li {
        font-size: 1.05em;
    }
    .inv-links a {
        width: calc(47% - 10px);
        margin: 1.5%;
    }
    .motto-banner {
        font-size: 5vw;
    }
    .location-map {
        margin: 35px 0 15px 0;
    }
    .location-map:nth-of-type(2) {
        margin: 35px 0 15px 0;
    }
}
@media screen and (max-width: 700px) {
    .hero-text {
        bottom: 50%;
    }
    .hero-links {
        flex-flow: column;
    }
    a.alt-link {
        margin: 10px 0 0 0;
    }
}
@media screen and (max-width: 600px) {
    .site-header {
        flex-flow: column;
    }
    .logo {
        order: 1;
        width: 100%;
        margin: 0 auto 18px auto;
    }
    .logo img {
        margin: 0 auto;
    }
    .vaplogo {
        order: 2;
        margin: 0 5% 0 0;
    }
    .crestlogo {
        order: 3;
        width: 100px;
    }
    .hd-section {
        margin: 0 auto;
    }
    .hero-links {
        display: none;
    }
    .hd-image {
        justify-content: center;
    }
}
@media screen and (max-width: 500px) {
    .vp-details {
        flex-flow: column;
        justify-content: flex-start;
    }
    .owner-details:nth-of-type(2) {
        margin: 20px auto;
    }
}
@media screen and (max-width: 425px) {
    .inv-links a {
        width: calc(97% - 10px);
        margin: 7px 1.5%;
    }
}