.buffer {}
.color-1 {color: #2C3A4B;}
.color-2 {color: #fbb08c;}
.color-3 {color: #222222;}
.background-1 {background-color: #2C3A4B;}
.background-2 {background-color: #2C3A4B;}
.background-3 {background-color: #222222;}
.button-one.background-1:hover {background-color: #ccdbb9; color:#FFFFFF;}
.button-one.background-2:hover {background-color: #2C3A4B; color:#FFFFFF;}
.button-two:hover {background-color: #fbb08c; color:#FFFFFF;}
.button-two.background-1:hover {background-color: #fbb08c; color:#FFFFFF;}
.button-two.background-2:hover {background-color: #fbb08c; color:#FFFFFF;}
.header-wrapper {
    position: relative;
    width: 100%;
    float: left;
}.logo {
    padding: 17px 10px;
}.logo, 
 .header-company {
    vertical-align: middle;
}.header-company {
    padding: 0 0 0 15px;
}.header-company-title {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    width: 100%;
}.header-company-title a {
    font-family: "Oxygen", sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 24px;
    line-height: 35px;
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
}.header-company-serviceorder {
    display: block;
    font-family: "Oxygen",sans-serif;
    font-style: italic;
    line-height: normal;
    margin: 0;
    width: 100%;
}.navigation-cta {
    color: #FFFFFF;
    display: block;
    font-family: "Oxygen",sans-serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: 38px;
    margin: 21px 0;
    text-align: center;
    width: 175px;
    border-radius: 3px;
    text-transform: uppercase;
}.navigation-cta:hover,
 .navigation-cta:focus {
    background: #ffd0ac;
    color: #FFFFFF;
}
/* CLEAR NAVIGATION BACKGROUNDS */
.top-bar,
.top-bar-section ul li,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: none;
}.top-bar-section li.active:not(.has-form) a:not(.button),
 .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: none;   
}
/* NAVIGAITON LINK DEFAULT STYLES */
.top-bar .name {
    background: #2C3A4B;
}.top-bar-section .has-dropdown > a {
    padding: 0 20px !important;
}.top-bar-section .has-dropdown > a::after {
    display: none !important;
}.top-bar-section ul li > a,
 .top-bar-section li:not(.has-form) a:not(.button) {
    color: #ffffff;
    font-family: 'Oxygen', sans-serif;
    font-size: 14px;
    font-weight: lighter;
    padding: 0 15px; 
    line-height: 45px;
    text-transform: capitalize;
}
/* NAVIGAITON LINK ACTIVE/HOVER STYLES */
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    color: #ffffff;
    line-height: 45px;
    background: rgba(255, 255, 255, 0.2);
}
    /* DROPDOWN STYLES FOR DESKTOP ONLY */
    @media only screen and (min-width: 1025px) {
        .top-bar-section .has-dropdown.hover > .dropdown, 
        .top-bar-section .has-dropdown.not-click:hover > .dropdown {
            left: calc(-50% - 245px);
            position: absolute;
            width: 815px;
        }.top-bar-section .dropdown {
            background: #232323;
            padding:  22px 15px 22px 35px;
        }.top-bar-section .dropdown li {
            height: auto;
            width: auto;
        }.top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {
            background: none;
        }.top-bar-section ul li ul.dropdown > a, 
         .top-bar-section ul.dropdown li:not(.has-form) a:not(.button),
         .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) {
            color: #FFFFFF;
            background: none;
            line-height: 55px;
            font-size: 15px;
        }.top-bar-section ul li ul.dropdown li:hover:not(.has-form) > a:not(.button) {
            color: #f0ded1;
        }
    }
.button-one {
    border-radius: 4px;
    color: #ffffff;
    display: block;
    font-family: "Oxygen",sans-serif;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    text-transform: uppercase;
}.button-two {
    background: #cbcbcb;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    font-family: "Oxygen",sans-serif;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    width: 252px;
    margin-bottom: 25px;
}.page-tagline {
    clear: both;
    float: left;
    margin: 0 0 20px;
    max-width: 100%;
    width: 100%;
}.page-tagline > h1,
 .page-tagline > p.heading-1 {
    color: #454545;
    font-size: 32px;
    font-weight: lighter;
    line-height: 50px;
    margin: 23px 0;
}.location-information .heading-2 {
    font-size: 20px;
}.location-information .phone-number {
    font-family: "Oxygen",sans-serif;
    font-size: 42px;
    letter-spacing: 2px;
    line-height: 50px;
}.location-information img {
    border-radius: 5px;
    margin:20px 0 45px;
}.book-appointment-image {
    background: url("https://oakvilleshiatsuandmassagetherapy.com/wp-content/themes/mt2/images/book-appointment-1.jpg");
    display: block;
    height: 100%;
    min-height: 200px;
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}.book-appointment-image::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}.book-appointment-image:hover::before {
    background: rgba(0, 0, 0, 0.3);
}.book-appointment-tagline {
    color: #ffffff;
    display: block;
    font-family: "Oxygen",sans-serif;
    font-size: 54px;
    font-weight: lighter;
    height: 100%;
    min-height:200px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    float: left;
    z-index: 2;
}.book-appointment-tagline:hover,
.book-appointment-tagline:focus {
    color: #ffffff;
}.book-appointment-tagline span {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}.services-box > div {
    padding: 22px 30px;
    border-radius: 5px;
}.services-box > div h3 {
    color: #FFFFFF;
}.services-box > div ul {
    margin: 0;
}.services-box > div ul li {
    color: #ffffff;
    display: inline-block;
    margin: 0 0 22px;
    padding: 0 30px 0 7px;
    position: relative;
}.services-box > div ul li::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 3px;
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}.midbar-boxes {
    padding: 40px 0 0;
}.midbar-boxes h2 {
    margin: 0 0 36px;
}.midbar-boxes .midbar > div {
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 30px 36px;
    text-align: center;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}.midbar-boxes .midbar > div p {
    margin: 0;
}.interior-page .equalizer-wrapper {
    border-bottom: 1px solid #dedede;
    padding: 48px 0;
}.equalize-groups .equalizer-wrapper:nth-child(1) {
    padding-top: 0 !important;
}.equalize-groups .equalizer-wrapper:nth-last-child(1) {
    border-bottom: medium none;
    padding-bottom: 0;
}.interior-page.services-page .equalizer-wrapper {
    margin: 15px 0 0 0;
}.interior-page.services-page .equalizer-wrapper .button-two {
    margin: 35px 0 0 0;
}.contact-info-wrapper .contact-info .info {
    color: #222222;
    font-family: "Oxygen";
    font-size: 24px;
    font-weight: lighter;
    line-height: 35px;
}.contact-info-wrapper .contact-info .info .fa {
    clear: both;
    color: #fcb18d;
    display: block;
    font-size: 44px;
    text-align: center;
}.contact-info-wrapper .contact-info .info strong {
    font-weight: normal;
}
footer.footer-wrapper p {
    font-family: "Oxygen",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
}footer.footer-wrapper p strong {
    font-weight: bolder;
    margin: 0 8px 0 0;
}footer.footer-wrapper .social-icons .fa {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 65px;
    margin: 0 15px 0 0;
    text-align: center;
    width: 65px;
}footer.footer-wrapper .social-icons .fa.fa-facebook {
    background: #507cbe;
}footer.footer-wrapper .social-icons .fa.fa-google-plus {
    background: #828387;
}footer.footer-wrapper .social-icons .fa.fa-youtube {
    background: #f59190;
}

/* DEFAULT STYLES */
#wpadminbar {
    display: none !important;
}body {
    font-family: "Oxygen", serif;
}h1, 
 h1 a,
 .heading-1 {
    color: #222222;
    font-family: "Oxygen",serif;
    font-size: 24px;
    font-weight: lighter;
    line-height: 50px;
    margin: 0 0 25px 0;
}h2,
 .heading-2 {
    color: #222222;
    font-family: "Oxygen",serif;
    font-size: 20px;
    font-weight: lighter;
    line-height: 50px;
    margin: 0 0 25px 0;
}h3,
 .heading-3 {
    color: #222222;
    font-family: "Oxygen",serif;
    font-size: 20px;
    font-weight: lighter;
    line-height: 50px;
    margin: 0 0 10px 0;
}h4,
 .heading-4 {
    color: #222222;
    font-family: "Oxygen",serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: 50px;
    margin: 0 0 10px 0;
}p {
    font-family: "Oxygen", sans-serif;
    color: #0E1A28;
    font-size: 16px;
    line-height: 28px;
    margin:0 0 20px;
}ul {
    list-style-type: none;
}.main-content ul {
    margin: 0 0 20px 0;
}.main-content ul li {
    color: #0E1A28;
    font-family: "Oxygen",sans-serif;
    font-size: 15px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 8px;
    position: relative;
}.main-content ul li:before {
    content: "";
    background: #fb9d70;
    position: absolute;
    left: 0;
    top: 15px;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}.row {
    clear: both;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
}.radius {
    border-radius: 5px;
}.main-content {
    width: 100%;
    max-width: 100%;
    position: relative;
    clear: both;
}.inline-block {
    display: inline-block !important;
}.strip-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}.strip-padding-right {
    padding-right: 0 !important;
}.strip-padding-left {
    padding-left: 0 !important;
}.vertical-padding {
    padding-top: 45px;
    padding-bottom: 50px;
}.oveflow-hidden {
    overflow: hidden !important;
    position: relative;
}article.section-article {
    margin: 0 0 35px;
}.parallax-effect {
    float: left;
    max-width: 100%;
    max-height: 465px;
    position: relative;
    width: 100%;
}.contain-to-grid {
    background: none !important;
}.contain-to-grid .top-bar {
    max-width: 1600px;
}.page-wrapper {
    max-width: 1600px;
    clear: both;
}.contactForm {
    margin: 20px 0;
}.contactForm input, 
 .contactForm textarea {
    border: 1px solid #2C3A4B;
    border-radius: 5px;
    color: #2C3A4B;
    margin: 0 0 12px;
    font-family: "Oxygen", sans-serif;
    font-size: 18px;
    font-weight: lighter;
}.contactForm textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 160px;
}.contactForm .cap-left {
    margin: 0;
    padding: 0 20px 0 0;
    float: left;
    width: 40%;
}.contactForm .cap-left #captchaImage {
    display: inline-block;
    vertical-align: middle;
    max-width: 85%;
}.contactForm .cap-left #captchaRefresh {
    display: inline-block;
    vertical-align: middle;
    max-width: 12%;
}.contactForm .cap-right{
    width: 60%;
    float: left;
}.contactForm .captchaWrapper {
    display: block;
    float: left;
    width: 100%;
}.contactForm .submitWrapper {
    display: block;
    float: left;
    width: 100%;
}.contactForm .submitWrapper .submit {
    cursor: pointer;
}.emailConfirmation {
    margin: 0 auto;
    text-align: center;
}.emailConfirmation h1 {
    color: #00CC00;
}.slick-background-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    z-index: -1;
    width: 101% !important;
    overflow: hidden;
}footer.footer-wrapper .disclaimer {
    margin-top: 45px;
}footer.footer-wrapper .disclaimer p {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
}

/* start custom css */
.blue-bg {
    background: #0F1E33;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.align-center {
    display: flex;
    align-items: center;
}
.align-end {
    display: flex;
    align-items: flex-end;
}
.space-between {
    justify-content: space-between;
}
.flex-grow {
    flex: 1;
}
.full-height {
    height: 100%;
}
.slick-slide img {
    margin: 0 auto;
}
.row.narrow {
    clear: both;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
.relative {
    position: relative;
}
.v-pad-large {
    padding-top: 50px;
    padding-bottom: 50px;
}
.v-pad-medium {
    padding-top: 25px;
    padding-bottom: 25px;
}
z-max {
    z-index: 9999;
}
body {
    background: url("https://oakvilleshiatsuandmassagetherapy.com/wp-content/uploads/sites/935/2020/02/header-bg.jpg");
    background-repeat: no-repeat;
}
/* header home */
.header-title {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.sub-title p {
    font-family: 'EB Garamond', serif;
    letter-spacing: 0;
    font-style: italic;
    font-size: 22px;
    margin: 0;
    color: #000000;
}
.logo-wrapper h1 {
    margin: 0;
}
.slider-wrapper {
    background: #0F1E33;
    padding-bottom: 5px;
    border-radius: 5px;
    box-shadow: -7px 11px 16px -8px rgba(0, 0, 0, 0.6);
}
.slide-content {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    padding: 0px 15px 0px 40px;
    background: rgba(255, 255, 255, 0.7);
    margin-right: 5px;
}
p.your-slider-caption {
    margin: 15px 0;
    color: #000000;
    font-style: italic;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: rgba(255, 255, 255, 0.2);
}
/* mobile header */
.mobile-navigation {
    display: block;
    font-size: 18px;
    right: 25px;
    line-height: 58px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
    vertical-align: top;
    width: auto;
    z-index: 999;
 }
 .mobile-navigation .fa {
    color: #454545;
    font-size: 32px;
    line-height: 58px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    width: 58px;
 }
 .fullwidth-navigation, .header-inner .navigation-wrapper {
    background: #f0ded1;
    position: absolute;
    top: 0;
    z-index: 997;
    width: 100%;
    margin-top: 0;
    background-size: cover;
    background-position: center;
 }
 .fullwidth-navigation .top-bar {
    padding-top: 10%;
    height: auto;
    display: block;
 }
 .fullwidth-navigation .title-area {
    display: none !important;
 }
 .top-bar-section {
    background: transparent;
 }
 .fullwidth-navigation .top-bar-section ul {
    position: relative;
    right:0;
    width:100% !important;
    z-index: 997;
    padding-top: 40px;
 }
/* home */
.intro-wrapper {
    background: #2C3A4B;
    margin-bottom: 25px;
}
.intro-wrapper h1 {
    color: #ffffff;
    padding: 15px 0px;
    line-height: 1;
    margin: 0;
}
.home-sidebar {
    background: #d2e3ea;
    border-radius: 8px;
    border: 1px solid #ADBEC9;
}
ul.logo-icon {
    margin-left: 0;
}
.logo-icon li {
    background: url(https://oakvilleshiatsuandmassagetherapy.com/wp-content/uploads/sites/935/2020/02/logo-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    line-height: 2;
}
.vertical-bg::before {
    content: "";
    position: absolute;
    top: 14vh;
    left: -10%;
    width: 400px;
    height: calc(100% + 28vh);
    background: #f0ded1;
}
.home-content {
    padding-left: 5vw;
    padding-right: 5vw;
    text-align: justify;
}
.home-content-inner {
    width: 550px;
    margin: 0 0 0 auto;
    text-align: justify;
}
/* inner */
.title-highlight {
    background: #2C3A4B;
    color: #ffffff;
    padding: 10px 15px;
    line-height: 1;
    margin: 0 0 15px;
}
.contact-page.intro-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.contact-info {
    background: #d2e3ea;
    border-radius: 8px;
    border: 1px solid #ADBEC9;
    padding-top: 25px;
}
.contact-page.intro-wrapper h1 {
    padding-left: 15px;
    padding-right: 15px;
}
/* footer */
.footer-wrapper {
    float: left;
    width: 100%;
    background: url("https://oakvilleshiatsuandmassagetherapy.com/wp-content/uploads/sites/935/2020/02/footer-bg.jpg");
}
.footer-wrapper h3 {
    color: #ffffff;
}
.footer-contact * {
    color: #ffffff;
}
.grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    height: 80vh;
}
.grid-1 {
    grid-column: 1 / 2
}
.grid-1, .grid-2, .grid-3 {
    align-self: end;
    padding: 2vw;
}
.footer-title {
    font-size: 50px;
    color: #454545;
    font-weight: 1000;
    letter-spacing: 3px;
    line-height: 1.5;
}
a.cta-box-hori {
    position: absolute;
    top: 60%;
    right: 0;
    padding: 20px 60px 20px 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 13px;
    background: #454545;
    color: #ffffff;
    margin-right: -45px;
}
.grid-wrapper2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    height: 80vh;
}
.grid2-1 {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
}
.grid2-2 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}
.grid2-3 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
/* end custom css */
    /* MEDIA QUERY FOR SMALLER DESKTOP MONITORS */
    @media only screen and ( max-width: 1550px ){
        .top-bar-section ul li > a, 
        .top-bar-section .has-dropdown > a,
        .top-bar-section li:not(.has-form) a:not(.button) {
            font-size: 16px;
            padding: 0 10px !important;
        }.navigation-cta-wrapper {
            padding: 0;
        }
    }
    /* MEDIA QUERY FOR LAPTOP SCREENS */
    @media only screen and ( max-width: 1280px ){
        .top-bar-section ul li > a, 
        .top-bar-section .has-dropdown > a, 
        .top-bar-section li:not(.has-form) a:not(.button) {
            font-size: 14px;
            padding: 0 8px !important;
        }
    }
    /* MEDIA QUERY FOR TABLET AND DOWN */
    @media only screen and ( max-width: 1024px ){
        .top-bar .toggle-topbar.menu-icon a {
            color: white;
            font-family: "Oxygen",sans-serif;
            font-size: 22px;
            font-weight: lighter;
        }.top-bar.expanded .toggle-topbar a {
            color: white;
        }.top-bar-section ul li > a, 
         .top-bar-section .has-dropdown > a, 
         .top-bar-section ul li:hover:not(.has-form) > a, 
         .top-bar-section li:not(.has-form) a:not(.button),
         .top-bar-section li.active:not(.has-form) a:not(.button),
         .top-bar-section li:not(.has-form) a:hover:not(.button),
         .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
            background: none;
            color: #FFFFFF;
            font-size: 18px;
            line-height: 50px;
            text-align: center;
        }.top-bar-section ul li:hover:not(.has-form) > a, 
         .top-bar-section li:not(.has-form) a:hover:not(.button) {
            color: #ffffff;
        }.top-bar-section ul {
            background:     
        }.top-bar-section .dropdown li.title h5 a, 
         .top-bar-section .dropdown li.parent-link a {
            color: white;
            display: block;
            line-height: 45px;
        }.top-bar-section .has-dropdown > a::after {
            display: block !important;
            border-color: transparent transparent transparent #222222;
        }.title-area .name .title-button {
            background: none;
            border: 1px solid #222222;
            border-radius: 5px;
            color: #ffffff;
            display: inline-block;
            font-family: "Oswalf",sans-serif;
            font-size: 20px;
            font-weight: normal;
            left: 15px;
            line-height: 38px;
            padding: 0;
            position: relative;
            text-align: center;
            top: 5px;
            width: 175px;
        }.title-area .name .title-button a[href^=tel] {
            color: #ffffff;
        }.location-information {
            text-align: center;
        }.logo {
            text-align: center;
            width: 100%;
        }.header-company {
            padding: 15px;
            width: 100%;
        }.header-company-title a,
         .header-company-serviceorder {
            text-align: center;
            width: 100%;
        }.book-appointment-tagline {
            position: absolute;
            margin: 0 auto;
            font-size: 28px;
            left: 0;
            right: 0;
        }.slick-wrapper.dual-slider-wrapper {
            top:0;
        }.services-box:first-of-type {
            margin: 0 0 30px;
        }.interior-page.services-page {
            text-align: center;
        }.interior-page.services-page .equalizer-wrapper .button-two {
            margin: 0 auto 30px;
        }.google-map {
            max-height: 300px;
        }footer.footer-wrapper .contact-information {
            padding-right: 0px;
            padding-left: 0px;      
        }footer.footer-wrapper .social-icons .fa {
            font-size: 18px;
            line-height: 45px;
            width: 45px;
        }
        .top-bar-section li:not(.has-form) a:not(.button) {
            color: #757575;
        }
        .top-bar-section li.active:not(.has-form) a:not(.button) {
            color: #ffffff;
        }
        .mobile-header .logo-wrapper {
            padding-top: 7vh;
            padding-bottom: 7vh;
        }
        .mobile-header a.cta-box {
            padding: 20px 80px 20px 30px;
            writing-mode: inherit;
            top: 50%;
            bottom: inherit;
            margin-right: 0px;
            font-size: 15px;
        }
        .header-social {
            margin-top: 10vh;
            padding: 10px 0;
        }
        span.dash {
            display: inline-block;
            width: 35px;
            position: relative;
            height: 1px;
            background: #454545;
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        .header-social a {
            font-size: 26px;
            color: #454545;
            margin: 0 20px;
            transition: 0.09s ease;
            -o-transition: 0.09s ease;
            -ms-transition: 0.09s ease;
            -moz-transition: 0.09s ease;
            -webkit-transition: 0.09s ease;
        }
        .header-cta {
            margin-top: 10vh;
        }
        .intro-wrapper {
            padding-left: 5vw;
            padding-right: 5vw;
        }
        .grid-wrapper {
            height: auto;
        }
        .grid-1, .grid-2, .grid-3 {
            padding: 8vw 2vw;
        }
        .grid-2 {
            grid-column: 1 / 2;
        }
        .grid-4 {
            grid-column: 2 / 3;
            grid-row: 1 / 2;
            padding: 8vw 2vw;
            text-align: center;
            align-self: center;
        }
        .grid-4 .cta-btn {
            width: fit-content;
            margin: 0 auto;
        }
        .grid-wrapper2 {
            grid-template-rows: 1fr 1fr;
            height: auto;
        }
        .grid2-1 {
            grid-row: 1 / 2;
        }
        .grid2-2 {
            grid-row: 2 / 3;
        }
        .grid2-3 {
            grid-row: 2 / 3;
        }
        body {
            background: none;
        }
        .nav-wrapper {
            padding-left: 0;
            padding-right: 0;
        }
        .header-title {
            align-items: center;
        }

    }
    /* MEDIA QUERY FOR EVERYTHING SMALLER THAN TABLET */
    @media only screen and ( max-width: 767px ){
        footer.footer-wrapper {
            text-align: center;
        }footer.footer-wrapper .contact-information {
            padding-right: 20px;
            padding-left: 20px;     
        }
        .grid-1, .grid-2, .grid-3, .grid-4 {
            grid-column: 1 / 2;
        }
        .vertical-bg::before {
            left: 0;
            width: 100%;
        }
        .home-content-inner {
            width: auto;
        }