@font-face {
    font-family:Poppins,Verdana,Geneva,sans-serif;
    src: url("/Assets/fonts/FF_Zwo/FontFont_Zwo-Offc-Pro-Extrabold.ttf");
}

@font-face {
    font-family:'ZwoPro';
    src: url("/Assets/fonts/FF_Zwo/FontFont_Zwo-Offc-Pro-Extrabold.ttf");
}
::-webkit-scrollbar{
    background: transparent;
}
::-webkit-scrollbar-thumb{
    background: #818181; 
}
#headerImage{
    margin-left:2vw;
    height: 60%;
}
.alignleft{
    align-self: flex-start;
}
.indexBannerTitle{
    margin-bottom: 0px;
    margin-top: 0px;
}

body,li,ul{
    margin:0;
}

/* Body & Container */
.registerpage {
    font-family:Poppins,Verdana,Geneva,sans-serif;
    background-color: #febc1f; /* Overall orange/gold background */
    color: #1c4758;           /* Default text color */
}
  
  /* Poster Container */
.poster-container {
    width: 100%;
    max-width: 900px; /* control max width if you like */
    margin: 0 auto;
    position: relative;
    background-color: #febc1f; 
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
  
  /* Top Section */
.top-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; 
    padding-bottom: 5%;
    padding-top: 5%;
    flex:25%;
}

.middle-section {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    flex: 10%;
}
  
  /* Speech Bubble (Dark Shape for "Ready to level up?") */
.speech-bubble {
    background-color: #1c4758;
    color: #ffffff;
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 5%;
    padding-bottom: 5%;
    height: 14rem;
    width: 40%;
    border-radius: 0 180px 180px 0; /* Creates a bubble-like edge on the left */
    align-items: center;
    display: flex;
    justify-content: center;
}
  
.speech-bubble h1 {
    font-size: 4.2rem;
    line-height: 1.2;

}
  
  /* Circle Logo on the right */
.logo-circle {
    width: 35%;
    height: 20rem;
    background-color: #ffeaaf; /* a lighter circle background */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* so the image doesn't overflow the circle */
    margin-right:2.5%
}
  
.logo-circle img {
    width: 75%;
    height: auto;
    margin-top: 13%;
}
  
  /* Main Headline */
.headline {
    font-size: 4.5vh;
    text-align: center;
    line-height: 1.3;
    font-weight: 550;
    margin-left: auto;
    margin-right: auto;
}
  
  /* Info Section (Virtual Workshops & Register area) */
.info-section {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    flex: 40%;
}
  
.left-info{
    width: 34%;
    border-right: #1c4759 3px solid;
    text-align: left;
}
.left-info * {
    font-size: 2.2vh;
    font-weight: 600;
    margin-bottom: .5em;
    margin-top: 0em;
}
  
.right-info {
    width: 66%;
}

.left-info h3,
.right-info h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
  
  
  /* Welder Image */
.welder {
    max-width: 100%;
    width: 39%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
  
  /* Footer */
.footer {
    text-align: center;
    flex:1;
    background-color: #fee9b2;
}
  
.footer img {
    max-width: 120px;
    width: auto;
    height: auto;
}
.footer div a {
    font-size: .6rem;
    margin-top: 0%;
    margin-bottom: 0%;
}

.footer div{
    height: 100%;
    width: 60%;
    display: flex;
    margin-left:auto;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.footer div a img{
    height: 65%;
}

.registerlinksdiv{
    padding-left: 4%;
    padding-right: 4%;
    display: flex;
    justify-content: space-between;

    flex-direction: row;
}
.registerlinksdiv div{
    display: flex;
    justify-content: left;
    flex-direction: column;
    text-align: left;
}
.registerlinksdiv div a:hover{
    color: white;
}
.registerlinksdiv * {
    z-index: 3;
}
.registerlinksdiv p {
    margin-top: .2em;
    margin-bottom: .7em;
    font-size: 1.7rem;
}
.registerlinksdiv a {
    margin-bottom: .5em;
    margin-left: .1em;
    font-size: 2rem;
}
.right-info h3 {
    font-size: 2rem;
    font-weight: 600;
}
@media only screen and (min-height: 900px) and (min-width: 760px) and (max-height: 1080px) and (max-width: 900px) {
    .welder{
        width: 46%;
    }
    .top-section {
        padding-bottom: 0px;
    }
    .middle-section {
        padding-bottom: 1rem;
    }
    .speech-bubble{
        height: 10rem;
    }
    .speech-bubble h1 {
        font-size: 5vh;
        line-height: 1.2;
    }
    .logo-circle {
        width: 30%;
        height: 13rem;
        padding: 3%;
    }

    .logo-circle img {
        width: 70%;
        
    }

    .right-info h3 {
        font-size: 2rem;
        font-weight: 600;
    }
}

@media only screen and (max-height: 670px), (max-width: 670px) {
    .top-section {
        flex: 15%;
        padding-bottom: 0px;
    }
    .speech-bubble h1 {
        font-size: 4vh;
    }
    .speech-bubble {
        height:5rem;
    }
    .logo-circle {
        height: 7rem;
        padding: 1%;
    }
    .headline {
        font-size: 3.5vh;
    }
    .info-section {
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: 10%;
    }
    .left-info * {
        font-size: 1.7vh;
        font-weight: 600;
        margin-bottom: .5em;
        margin-top: 0em;
    }
    .left-info{
        border-right: #1c4759 2px solid;
        width:40%
    }
    .right-info{
        width:60%
    }
    .registerlinksdiv{
        padding-left: 2.5%;
        display: flex;
        justify-content: space-between;

        flex-direction: row;
    }
    .registerlinksdiv * {
        font-size: .7rem;
    }
    .registerlinksdiv p {
        margin-bottom: .7em;
    }
    .registerlinksdiv a {
        margin-bottom: .7em;
        font-size: 1rem;
    }
    .registerlinksdiv div{
        display: flex;
        justify-content: left;
        flex-direction: column;
        text-align: left;
    }
    .right-info h3 {
        font-size: 1rem;
        font-weight: 600;
    }
}

@media only screen and (max-height: 900px) and (max-width: 500px) and (min-height: 670px) {
    .top-section {
        flex: 15%;
        padding-bottom: 0px;
    }
    .speech-bubble {
        height: 5rem;
    }
    .speech-bubble h1 {
        font-size: 3.2vh;
    }
    
    .logo-circle {
        height: 7rem;
        padding: 1%;
    }
    .headline {
        font-size: 3.5vh;
    }
    .info-section {
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: 25%;
    }
    .left-info * {
        font-size: 1.7vh;
        font-weight: 600;
        margin-bottom: .5em;
        margin-top: 0em;
    }
    .left-info{
        border-right: #1c4759 2px solid;
        width:40%
    }
    .right-info{
        width:60%
    }
    .registerlinksdiv{
        padding-left: 2.5%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .registerlinksdiv p {
        margin-bottom: .5em;
        font-size: .8em;
    }
    .registerlinksdiv a {
        margin-bottom: .7em;
        font-size: 1rem;
    }
    .registerlinksdiv div{
        display: flex;
        justify-content: left;
        flex-direction: column;
        text-align: left;
    }
    .right-info h3 {
        font-size: 1rem;
        font-weight: 600;
    }
}

@media only screen and (max-height: 1080px) and (max-width: 500px) and (min-height: 900px) {
    .top-section {
        flex: 15%;
        padding-bottom: 0px;
    }
    .speech-bubble h1 {
        font-size: 1.8rem;
        height: 4rem;
    }
    .speech-bubble {
        padding-left: 5%;
        min-width: 45%;
        height: 6rem;
    }
    .logo-circle {
        height: 8rem;
        padding: 1%;
    }
    .headline {
        font-size: 3.5vh;
    }
    .info-section {
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: 25%;
    }
    .left-info * {
        font-size: 1.7vh;
        font-weight: 600;
        margin-bottom: .5em;
        margin-top: 0em;
    }
    .left-info{
        border-right: #1c4759 2px solid;
        width:40%
    }
    .right-info{
        width:60%
    }
    .registerlinksdiv{
        padding-left: 2.5%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .registerlinksdiv p {
        margin-bottom: .5em;
        font-size: .8em;
    }
    .registerlinksdiv a {
        margin-bottom: .7em;
        font-size: 1rem;
    }
    .registerlinksdiv div{
        display: flex;
        justify-content: left;
        flex-direction: column;
        text-align: left;
    }
    .right-info h3 {
        font-size: 1rem;
        font-weight: 600;
    }
}

@media only screen and (min-height: 900px) and (max-height: 1070px) and (min-width: 900px) and (max-width: 900px) {
    .top-section {
        flex: 15%;
        padding-bottom: 0px;
    }
    .speech-bubble h1 {
        font-size: 5vh;
        text-align: center;
    }
    .speech-bubble {
        padding-left: 5%;
        min-width: 45%;
    }
    .logo-circle {
        height: 13rem;
    }
    .logo-circle img{
        width: 70%;
    }
    .headline {
        font-size: 3.5vh;
    }
    .info-section {
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: 10%;
    }
    .left-info * {
        font-size: 1.4em;
        font-weight: 600;
        margin-bottom: .5em;
        margin-top: 0em;
    }
    .left-info{
        border-right: #1c4759 2px solid;
        width:40%
    }
    .right-info{
        width:60%
    }
    .registerlinksdiv{
        padding-left: 2.5%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        z-index: 3;
    }

    .registerlinksdiv p {
        margin-bottom: .5em;
        font-size: 1.5em;
    }
    .registerlinksdiv a {
        margin-bottom: .7em;
        font-size: 1.5em;
    }
    .registerlinksdiv div{
        display: flex;
        justify-content: left;
        flex-direction: column;
        text-align: left;
    }
    .right-info h3 {
        font-size: 2rem;
        font-weight: 600;
    }
    .footer div img{
        height: 55%;
    }
}

#menuContent,#mobileNav{
    top:0;background-color:#fff;
}

#FAQPageHeader div,#FAQPageSubHeader,#desktopNav a:hover,#mobileNav a:hover,.FAQHeader,.orangeText{
    color:#cb7232;
}

#aboutVLSButton,#menuContent,#mobileNav,#mobileNavButton div{
    background-color:#fff;
}

#indexBannerText,.overlayText{
    font-family:Poppins,Verdana,Geneva,sans-serif;
}

#ldoriTile,#menuContent,#mobileNav{
    width:100%;
    height:100%
}

#row,.teamBottom{
    overflow-x:scroll;
    overflow-y:hidden;
}

.content ul li a,.indexContentRight a,.jobLink{
    text-decoration:underline;
}

#FAQPageHeader,#required,.LDORIContent,.LDORIHeader,.LDORISubheader,.indexContentRight div,.jobDescription div,.jobDescription ul,.jobTitle,.resultsLeftHeader,.resultsRightHeader,.servicesContentRight div,.teamContent{
    padding-bottom:2vh;
}

#jobsOverlay,#ldoriTile,#ldoriVideo,#mobileDesktop,#questions,#resultsServices,#serviceTile,#servicesImage,#strategistTile,#tileTopImage{
    position:relative;
}

#landingPageContainer,#ldoriVideo img,.questionsContainer,.resultsContainer{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

#landingPageContainer a:hover,.LDORIButtons a:hover,.aboutUsButtons a:hover,form button:hover{
    background-color:#000;
}

#contactUs,footer{
    background-color:#c7d3d5;
    box-sizing:border-box;
}

#contactUs,#landingPageContainer,#loginButton,#management,#strategists,#team,.input input,.input label,footer{
    box-sizing:border-box;
}

body{
    font-family:Poppins,Verdana,Geneva,sans-serif;
    color:#1d4759;
    padding:0;
}

a,h1,h2,h3,h4,h5,h6{
    all:unset;
}

#landingPageContainer{
    display:flex;
    position:absolute;
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
}

#landingPageContainer div{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center
}

#landingPageContainer a{
    border:none;
    background-color:#cb7232;
    color:#fff;
    border-radius:10000000vw;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:900
}

#ldoriTile,.LDORIButtons a:first-child,.aboutUsButtons a:first-child,form button{
    background-color:#1d4759
}

#landingPageFooter{
    display:flex;
    text-align:center;
    position:fixed;
    bottom:0;
    left:50%;
    width:50%;
    height:fit-content;
    transform:translate(-50%,0);
    justify-content:center
}

header{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
@media only screen and (max-width:550px){
    header{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-around;
    }
}

#headerRight{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    align-items:center
}

#closeMobile,#mobileNavButton div{
    justify-content:center;
    display:flex
}

a:hover,nav a:hover{
    cursor:pointer
}

#mobileNav{
    position:fixed;
    right:-100%;
    transition:right .3s;
    z-index:9999
}

#closeMobile{
    position:absolute;
    top:2.5vh;
    right:2.5vh;
    background:0 0;
    border:none;
    cursor:pointer;
    align-items:center;
    color:#1d4759
}

#menuContent{
    position:absolute;
    right:0;display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}

#mobileNavButton div{
    align-items:center;
    border-radius:5px
}

#loginButton{
    font-size: 2vh;
    padding: .5vh 2vh;
    color: #fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:20px;
    border:1px solid #1d4759;
    background-color:#1d4759;
}

#loginButton:hover{
    cursor:pointer;
    color:#fff;
    background-color:#cb7232;
    border:1px solid #cb7232;
}
#homePageFaq{
    padding-top: 4vh;
}

#homePageFaq #tilesBottom,#indexImage,#mobileLathe{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative
}

#indexBannerImage,#tilesBottom div img{
    height:100%;
    width:100%;
    object-fit:cover;
}

#indexBannerText{
    position:absolute;
    display:flex;
    flex-direction:column;
    color:#fff;
    animation:2.5s forwards fadeIn;
    font-family:Poppins,Verdana,Geneva,sans-serif;
    letter-spacing: 0.1rem;
}

#indexBannerTextBottom{
    margin-top: 1rem;
}

#indexBannerTextBottom,#indexBannerTextTop,.bold{
    font-weight:700
}

#aboutVLSButton{
    color:#1d4759;
    border:none;
    border-radius:10000000vw;
    text-align:center;
    width:fit-content;
    margin-top: 2rem;
}

#aboutVLSButton:hover,#faqButton:hover{
    background-color:#e6e6e6
}

.indexContent,.servicesContent{
    display:flex
}

#LDORIDesktopImages,#desktopImages,#quoteArea,#servicesBannerImageDesktop,#tilesTop .latheDesktop,#tilesTop .latheMobile,.indexFaqDesktop,.indexOverlay,.servicesOverlay,.tileImage3Desktop{
    display:none
}

.circle{
    border-radius:100%;
    background-color:#cb7232;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center
}

.overlayText{
    color:#fff;
    opacity:1;
}

#tiles{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    font-family:Poppins,Verdana,sans-serif
}

#ldoriOverlayHeader, .ldoriLearnButton, #tilesBottom, #quoteFrom, #supportHeader {
    font-family:Poppins,Verdana,Geneva,sans-serif
}

#homePageFaq,#questions,#quoteArea,#support,.name, #faqTextBottom{
    font-family:Poppins,Verdana,Geneva,sans-serif
}

#tiles #tilesBottom,#tiles #tilesTop,.member{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.member img{
    height: 100%;
    object-fit: cover;
}

#ldoriOverlay,#tileOverlay{
    display:flex;
    flex-direction:column;
    text-align:center;
    color:#fff;
    position:absolute
}

#tiles #tilesBottom{
    height:100vh;
    margin:2.5vh 0
}

#ldoriOverlay{
    justify-content:space-evenly;
    align-items:center
}
#ldoriOverlayHeader{
    padding-bottom: 2vh;
}

.ldoriLearnButton{
    border:none;
    border-radius:10000vw;
    font-weight:900;
    width:fit-content;
    text-align:center;
    color:#1d4759;
    background-color:#fff
}

.ldoriLearnButton:hover,.serviceButton:hover,.strategistButton:hover{
    background-color:#cb7232;
    color:#fff
}
    
#tileOverlay{
    justify-content:space-evenly;
    align-items:center;
    font-weight:900
}

#quote{
    font-size: 18px;
    font-family:Verdana;
}

#faqOverlay,#homePageFaq{
    flex-direction:column;
    display:flex
}

#faqButton,.serviceButton,.strategistButton{
    background-color:#fff;
    width:fit-content;
    font-weight:700;
    text-align:center
}

.serviceButton,.strategistButton{
    color:#cb7232;
    border:none;
    border-radius:10000vw
}

#FAQPageContent,
#FAQPageHeader,
#FAQPageSubHeader,
#LDORIVideoImage,
#brick,
#ldoriVideo #videoStill,
#ldoriVideo video,
#machine,
#questions img,
#row,
#services,
#servicesBannerImageMobile,
.serviceImage,
.teamBlock img {
    width: 100%
}

#homePageFaq {
    justify-content: space-between
}

#faqOverlay {
    position: absolute;
    color: #fff;
    justify-content: space-evenly;
    opacity: 0
}

#faqButton {
    color: #1d4759;
    border: none;
    border-radius: 10000000vw
}
#support{
    display:flex;
    flex-direction:column;
    text-align:center;
    margin-top: 4rem;
    margin-bottom: 0;
}

#canada,#newBrunswick{width:40%}
.supportImgs{
    display: flex;
    justify-content: center;
}

#LDORI,
#about {
    background-color: #f4f5f6
}

.LDORIPageContent,
.aboutUsPageContent {
    display: flex;
    flex-direction: column-reverse;
    box-sizing: border-box
}

#aboutUsLeft,
#aboutUsRight {
    padding: 10vw
}

.aboutUsHeader {
    width: 100%;
    margin: auto;
    text-align: center
}

.aboutUsSubheader,
.postTitle {
    text-align: center;
    color: #cb7232
}

.aboutUsButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 2.5vh
}

#faqButton a,
.aboutUsButtons a {
    color: #fff;
    border: none;
    border-radius: 10000000vw;
    text-align: center;
    font-weight: 900
}

.LDORIButtons a:last-child,
.aboutUsButtons a:last-child {
    background-color: #cb7232
}

#servicesBannerText {
    position: absolute;
    color: #fff;
    font-weight: 700;
    opacity: 0
}

.servicesContentRight {
    line-height: 7.5vw;
    font-size: 4.5vw
}

#servicesList {
    width: 450%;
    display: flex;
    flex-direction: row
}

.serviceItem {
    width: 90%
}

.serviceListContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 75%;
    margin: auto;
    padding-top: 2.5vh
}

.results,
.teamBottom {
    flex-direction: row;
    display: flex
}

#mobileDesktop,
.LDORIButtons a,
.teamTop {
    margin-bottom: 2.5vh
}

.serviceListContent div,
.serviceListContent ul {
    padding-bottom: 2.5vh;
    font-size: 4.5vw;
    line-height: 8vw
}

.serviceListContent div a,
.servicesContentRight div a {
    cursor: pointer;
    text-decoration: underline
}

.serviceListHeader {
    color: #cb7232;
    font-weight: 900;
    width: 100%
}

#resultsServices {
    text-align: center
}

#resultsServices img {
    width: 100%;
    height: 100%
}

.resultsContainer {
    position: absolute;
    width: 100%;
    color: #fff
}

#resultsHeader {
    font-weight: 900
}

.results {
    justify-content: space-around
}

.resultsLeft,
.resultsRight {
    width: 42.5%
}

.resultsLeftHeader,
.resultsRightHeader {
    font-size: 4vw;
    font-weight: 700
}

.resultContent {
    font-size: 4vw;
    line-height: 6vw;
    text-align: left
}

#team {
    display: flex;
    flex-direction: column
}

#strategists {
    background-color: #f3f4f6
}

#management {
    background-color: #e8eaed
}

#management,
#strategists {
    width: 100%;
    display: flex;
    flex-direction: column
}

.teamTop {
    width: 100%
}

.LDORIHeader,
.LDORISubheader,
.teamHeader {
    margin: auto;
    text-align: center
}

.teamHeader {
    color: #1d4759;
    display: flex;
    justify-content: center
}

.teamContent {
    color: #1d4759
}

.teamBlock {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#mobileDesktop,
.name {
    display: flex;
    flex-direction: column
}

.jobTitle {
    color: #cb7232
}

.name {
    font-weight: 500
}

#ldoriVideo {
    width: 100%;
    padding-top: 5vh
}

#ldoriVideo img {
    position: absolute
}

#LDORIRight>div {
    padding: 12.5vw
}

#LDORIRight {
    display: flex;
    flex-direction: column-reverse
}
#ESSARight>div {
    padding: 12.5vw
}
#ESSARight{
    display: flex;
    flex-direction: column
}

#playButton {
    z-index: 9998
}

#playButton:hover {
    cursor: pointer;
    fill: #cb7232;
    animation: .5s forwards grow
}

#videoStill {
    z-index: 9997
}

.LDORIHeader {
    font-weight: 900
}

.LDORISubheader {
    color: #cb7232;
    font-weight: 900
}

.LDORIButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.LDORIButtons a {
    color: #fff;
    border: none;
    border-radius: 10000000vw;
    font-weight: 700;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

#mobileDesktop {
    justify-content: space-between
}
#FAQPage,#contactUs,#contactUs form{flex-direction:column;display:flex}#jobsImage{width:100vw}#jobsOverlay{display:flex}#jobsOverlayText{color:#fff;position:absolute;height:fit-content;z-index:9998}.jobLink{color:#cb7232}#FAQLeft{padding-bottom:5vh}#FAQPageHeader{font-size:5vw;font-weight:700}.FAQ{margin-bottom:5vh}
#contactUsHeader,.input{margin-bottom:2.5vh}.FAQContent{padding-top:2.5vh;color:#1d4759}#questions{text-align:center;width:100%}#questions,#questions img{height:15vh}.questionsContainer{position:absolute;width:100%}.questionsContainer div:first-child{font-size:7.5vw}.questionsContainer div:first-child,.questionsContainer div:last-child,.questionsContainer div:last-child a{font-weight:700;color:#fff}.questionsContainer div:last-child,.questionsContainer div:last-child a{font-size:5vw}
#contactUs{
    justify-content:center;
    align-items:center;
    padding: 3vw 2.5vw;
    padding-bottom: 3vw;
}
    #contactUsHeader{font-weight:700}.input input:hover{border-bottom:1px solid #000}.input input:focus,form button{border:none}.input input,.input label{width:100%;border:none}.input input{background-color:#dbe0e3}form button{color:#fff}form button:hover{cursor:pointer}footer{display:flex;flex-direction:column;justify-content:center;align-items:center}footer div{width:70vw}footer #footerTop{display:flex;justify-content:center;font-weight:900}
    #copyright,footer #footerContent{display:flex;justify-content:center;text-align:center}

@media only screen and (orientation:portrait){
    #headerImage{
        height: 60%;
    }
    #jobsOverlayText,#ldoriVideo img{
        top:50%;left:50%;
        transform:translate(-50%,-50%)
    }
    #landingPageContainer{
        width:60%;
        height:40vh
    }
    
    #landingPageContainer div{
        height:17.5vh
    }
    
    #landingPageContainer div img{
        width:60vw
    }
    
    #landingPageContainer a{
        width:50%;
        font-weight:700;
        padding:2.5vw 4vw;
        font-size:4vw
    }
    
    #landingPageFooter{
        font-size:3vw
    }
    
    header{
        height:8vh;
        width:100%;
    }
    
    header>img{
        height:80%;
        width:auto
    }
    
    #headerRight{
        width:100%;
    }
    
    #LDORIDesktopImages,#desktopImages,#desktopNav,#servicesBannerImageDesktop,.indexFaqDesktop,.indexOverlay,.servicesOverlay{
        display:none
    }
    
    nav a:hover{
        cursor:pointer
    }
    
    #desktopNav a:hover,#mobileNav a:hover{
        color:#cb7232
    }
    
    #closeMobile{
        font-size:10vw;
        width:10vw;
        height:10vw;
        color:#1d4759
    }
    
    #menuContent a{
        margin-bottom:2.5vh;
        font-size:5vw;
        font-weight:700
    }
    
    #mobileNavButton div{
        width:6.5vh;
        height:6.5vh
    }
    
    #menuIcon{
        width:auto;
        height:5vh
    }
    
    #indexImage{
        width:100%;
        height:45vh;
        justify-content: start;
    }
    
    #indexBannerText{
        bottom:25%;
        left:10%;
        width:80%;
        height:50%;
    }
    
    #indexBannerTextTop{
        font-size:6vw;
        line-height:6vw;
    }
    
    #indexBannerTextBottom{
        font-size:2vw;
        line-height:6vw;
        margin-top: 0.2rem;
    }
    
    #aboutVLSButton,.ldoriLearnButton{
        padding:2vw 3vw;
        font-weight:700;
        font-size:2vw
    }
    
    #LDORIRight>div,.indexContent{
        padding:12.5vw
    }
    #ESSARight>div,.indexContent {
        padding: 12.5vw
    }
    
    .circle{
        width:20vw;
        height:20vw
    }
    
    .overlayText{
        font-weight:700;
        font-size:2vw
    }
    
    .indexContentRight,.servicesContentRight{line-height:7.5vw;font-size:3vw}
    .indexContentRight div,.jobPost,.servicesContentRight div{padding-bottom:2.5vh}
    #tiles{padding:2vh 4vw}
    #tiles #tilesTop{height:75vh}
    #ldoriOverlay{top:0;left:10%;width:80%;height:100%}
    #ldoriOverlayHeader{font-size:8vw;font-weight:900}
    #ldoriOverlayText {
        font-size: 2.5vw;
        line-height: 8vw
    }

    #serviceTile,
    #strategistTile {
        height: 48.75vh
    }

    #tileOverlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #tileOverlay div {
        width: 75%;
        font-size: 7.5vw
    }

    #faqButton,
    .serviceButton,
    .strategistButton {
        padding: 4vw 5vw;
        font-size: 4vw
    }

    #faqOverlay {
        top: 5%;
        left: 10%;
        width: 80%;
        height: 80%
    }

    #faqTextTop {
        font-size: 7vw;
        font-weight: 700;
        line-height: 10vw
    }

    #faqTextBottom {
        font-size: 4vw;
        font-weight: 900
    }    
    #support{
    margin:auto;
    padding-top: 3vw;

    width:80%;
    height:50vh
    }

    #supportHeader{
        font-size:7vw;
        font-weight:900;
        margin-top: 2vw;
    }
    
    .jobTitle{
        font-size:4vw
    }
    #supportText{
        font-size: 3.5vw;
    }
    #supportImages{
        justify-content: center;
        padding-top: 6vw;
    }
    #canada,#newBrunswick{
        width:35%;
    }
    #newBrunswick{
        padding-top: 3rem;
    }
    .aboutUsHeader,
    .leftHeader {
        font-size: 5vw;
        font-weight: 900;
        padding-bottom: 2.5vh
    }

    .aboutUsSubheader,
    .content {
        font-size: 4vw;
        padding-bottom: 2.5vh
    }

    .aboutUsSubheader {
        width: 100%;
        margin: auto;
        font-weight: 900
    }

    .content {
        line-height: 6vw
    }

    .aboutUsButtons a {
        width: 50%;
        padding: 2vw 3vw;
        margin-bottom: 2.5vh;
        font-weight: 700;
        font-size: 5vw
    }

    .input input,
    footer {
        padding: 2vw
    }

    #FAQPageContent,
    #FAQPageHeader,
    #FAQPageSubHeader,
    #brick,
    .teamBottom {
        width: 100%
    }

    #servicesBannerText {
        bottom: 50%;
        left: 10%;
        transform: translate(0, 50%);
        width: 80%;
        font-size: 7.5vw
    }

    #jobPostings,
    #management,
    #strategists,
    .servicesContent {
        padding: 8vw
    }

    .serviceListHeader {
        font-size: 7.5vw !important;
        line-height: normal !important;
        width: 100%
    }

    #resultsServices {
        width: 100%;
        height: 80vh
    }

    #resultsHeader {
        font-size: 6.5vw;
        padding-bottom: 2.5vh
    }

    .resultsLeft,
    .resultsRight {
        width: 42.5%
    }

    .resultsLeftHeader,
    .resultsRightHeader {
        font-size: 4vw;
        font-weight: 700;
        padding-bottom: 2.5vh
    }

    .resultContent {
        font-size: 4vw;
        line-height: 6vw;
        text-align: left
    }

    .teamTop {
        line-height: 3.5vh
    }

    .teamHeader {
        font-size: 7.5vw;
        line-height: 10vw;
        font-weight: 700;
        padding-bottom: 2.5vh;
        width: 75%
    }

    .teamContent {
        font-size: 4vw;
        padding-bottom: 2.5vw
    }

    #FAQPageHeader,
    .name,
    .postTitle,
    .teamBlock {
        padding-bottom: 2.5vh
    }

    .teamBlock {
        width: 300%
    }

    .member {
        width: 70vw
    }

    .name {
        font-size: 6vw
    }

    #ldoriVideo {
        width: 100%;
        padding: 0 !important
    }

    #ldoriVideo img {
        position: absolute
    }

    #LDORIRight {
        display: flex;
        flex-direction: column-reverse
    }
    #ESSARight {
        display: flex;
        flex-direction: column
    }

    #playButton {
        height: 30%
    }

    #videoStill {
        width: 100%;
        height: 100%
    }

    .LDORIHeader {
        width: 100%;
        font-size: 7.5vw
    }

    .LDORISubheader {
        font-size: 4.5vw;
        width: 100%;
        margin: auto;
        text-align: center
    }

    .LDORIContent {
        font-size: 4vw;
        line-height: 7vw
    }

    .LDORIButtons a {
        width: 25%;
        padding: 2vw;
        font-size: 4vw
    }

    #jobsImage {
        width: 100vw
    }

    #jobsOverlayText {
        width: 80%
    }

    #jobsOverlayTop {
        font-size: 7vw;
        font-weight: 800;
        width: 100%;
        line-height: 9vw
    }

    #jobsOverlayBottom {
        padding-top: 1vh;
        font-size: 4vw;
        line-height: 6vw;
        font-weight: 700
    }

    .postTitle {
        font-size: 9vw;
        line-height: 12.5vw;
        font-weight: 700
    }

    .jobDescription div,
    .jobDescription ul li {
        font-size: 4.5vw;
        line-height: 6vw
    }

    #FAQPage {
        margin-top: 2.5vh;
        padding: 7.5vw
    }

    #FAQLeft {
        padding-bottom: 5vh
    }

    #FAQPageHeader {
        font-size: 6vw;
        font-weight: 700
    }

    #FAQPageSubHeader {
        font-size: 4vw;
        color: #cb7232
    }

    #FAQPageHeader div {
        font-size: 5vw;
        color: #cb7232;
        font-weight: 400
    }

    .FAQ {
        margin-bottom: 5vh
    }

    .FAQHeader {
        font-size: 5vw;
        font-weight: 700
    }

    .FAQContent {
        font-size: 3.5vw;
        line-height: 7vw
    }

    #questions,
    #questions img {
        height: 20vh
    }

    .questionsContainer div:first-child {
        font-size: 7vw
    }

    .questionsContainer div:first-child,
    .questionsContainer div:last-child,
    .questionsContainer div:last-child a {
        font-weight: 700;
        color: #fff
    }

    .questionsContainer div:last-child,
    .questionsContainer div:last-child a {
        font-size: 4.5vw
    }

    #contactUs {
        background-color: #c7d3d5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10vw 2.5vw;
        box-sizing: border-box
    }

    #contactUsHeader {
        font-size: 7.5vw
    }

    #contactUs form {
        width: 75vw
    }

    #required,
    .input input,
    .input label {
        font-size: 3.5vw
    }

    form button {
        font-size: 5vw;
        padding: 5vw;
        font-weight: 900
    }

    footer {
        font-size: 2.5vw
    }

    footer #footerTop {
        font-size: 6vw;
        font-weight: 700
    }

    #footerContent {
        font-size: 3vw;
        line-height: 6vw
    }

    #copyright {
        margin-top: 2.5vh;
        font-size: 3vw
    }
    
}

@media only screen and (max-width:1023px) and (orientation:landscape){
    #headerImage{
        height: 60%;
    }
    #mobileNavButton,#mobileNavButton div{
        width:6vw;height:6vh
    }
    
    #laptopDesktop,#machineDesktop{
        height:30vw;
        position:absolute;
        top:5vw;
        left:7.5vw
    }
    
    #jobsOverlayText,#landingPageContainer{
        top:50%;left:50%;transform:translate(-50%,-50%)
    }
    
    #landingPageContainer{
        width:80%;height:50vh;flex-direction:row
    }
    
    #landingPageContainer div{
        justify-content:space-evenly;height:50vh;width:30vw
    }
    
    #landingPageContainer div img,.member{
        width:30vw
    }
    
    #index,#menuIcon,.messageInputs .input,.teamBottom{
        width:100%
    }
    
    #landingPageContainer a{
        width:50%;font-weight:700;padding:2vw 5vw;font-size:2vw
    }
    
    #landingPageFooter,#required,.input input,.input label{
        font-size:1.5vw
    }
    
    header{
        height:13vh
    }
    
    header>img{
        height:95%;width:auto
    }
    
    #headerRight{
        width:fit-content;margin-right:2vw
    }
    
    #LDORIMobileImages,#brick,#desktopNav,#machine,#quoteArea,#servicesBannerImageMobile,#tilesTop .latheDesktop,#tilesTop .latheMobile,.indexFaqDesktop,.indexOverlay,.servicesOverlay,.tileImage3Mobile{
        display:none
    }
    
    nav a:hover{
        cursor:pointer
    }
    
    #mobileNavButton{
        padding:0 2vw
    }
    
    #desktopNav a:hover,#mobileNav a:hover{
        color:#cb7232
    }
    
    #closeMobile{
        font-size:5vw;width:10vw;height:10vw
    }
    
    #menuContent a{
        margin-bottom:2.5vh;font-size:2.5vw;font-weight:700
    }
    
    #menuIcon{
        height:100%
    }
    
    #loginButton{
        height:6vh;font-size:1.5vw
    }
    #loginButton{
        color: #cb7232;
        display:flex;
        justify-content:center;
        align-items:center;
        border-radius:10px;
        border:1px solid #cb7232;
        background-color:#fff;
    }
    
    #loginButton:hover{
        cursor:pointer;
        color:#fff;
        background-color:#1d4759;
        border:1px solid #1d4759;
    }
    
    #indexImage,#resultsServices{
        width:100%;height:70vh
    }
    #indexBannerText{
        top:30%;left:5%;width:80%;height:50%;
    }


    #faqOverlay{
        top:50%;left:10%;transform:translate(0,-50%);width:80%;height:50%
    }
    
    #indexBannerTextTop{
        font-size:5vw;line-height:6vw
    }
    
    #indexBannerTextBottom,.jobDescription div,.jobDescription ul li{
        font-size:2vw;line-height:4vw
    }
    
    #aboutVLSButton,.ldoriLearnButton{
        padding:1vw 2vw;font-weight:700;font-size:1.5vw
    }
    
    .indexContent{
        padding:7.5vw
    }
    
    .circle{
        width:20vw;height:20vw
    }
    
    .overlayText{
        font-weight:700;
        font-size:2vw;
    }
    
    .indexContentRight {
        line-height: 4vw;
        font-size: 2vw
    }

    .indexContentRight div {
        padding-bottom: 10vh
    }

    #tiles {
        padding: 2vh 4vw
    }

    #tiles #tilesBottom,
    #tiles #tilesTop {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    #tiles #tilesBottom {
        height: 130vh;
        margin: 2.5vh 0
    }

    #contactUsPage #contactUs,
    #homePageFaq #tilesBottom,
    #tiles #tilesTop {
        height: 100vh
    }

    #ldoriOverlay {
        top: 0;
        left: 10%;
        width: 80%;
        height: 100%
    }

    #ldoriOverlayHeader {
        font-size: 5vw;
        font-weight: 900
    }

    #ldoriOverlayText {
        font-size: 2.5vw;
        line-height: 4vw
    }

    #serviceTile,
    #strategistTile {
        height: 60.5vh
    }

    #tileOverlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #tileOverlay div {
        width: 75%;
        font-size: 4vw
    }

    #faqButton,
    .serviceButton,
    .strategistButton {
        padding: 2vw 3vw;
        font-size: 2vw
    }    
    #canada,.aboutUsHeader,.aboutUsSubheader,.jobPost,.leftHeader,.servicesContentRight div{padding-bottom:2.5vh}#desktopImages,#desktopImages img,.tileImage3Desktop{display:block}.indexFaqMobile{height:100%;width:100%;object-fit:cover}#faqTextTop{font-size:5vw;font-weight:900;line-height:6vw}#faqTextBottom,.leftHeader{font-size:2vw;font-weight:900}#faqTextBottom{line-height:4vw}
    
    #support{
        padding-top: 2.5rem;
        margin:auto;
        width:80%;
        height:45vh;
    }

    #supportHeader{
        font-size:4vh;
        font-weight:900;
    }

    #supportText{
        padding-top: 0.5rem;
        font-size:18px;
        line-height:3vw
    }

    #canada,#newBrunswick,.serviceItem{
        padding-top: 20px;
        width:25%
    }
    #canada{
        padding-top: 3rem;
    }

    #laptopDesktop,#latheDesktop,#machineDesktop{width:30vw;object-fit:cover}
    #brickDesktop{width:32.5vw;height:40vw;object-fit:cover}
    #desktopImages{position:relative;width:25vw;padding-bottom:3vh}
    .aboutUsPageContent{flex-direction:row}
    #contentRight ul li{font-weight:300;font-size:1.5vw;line-height:2.5vw}
    #aboutUsLeft,#aboutUsRight{width:40vw}
    .aboutUsHeader{font-size:2.5vw;font-weight:900;text-align:unset}
    .aboutUsSubheader{font-size:2vw;font-weight:900;text-align:unset}
    .LDORIContent,.content{font-size:1.5vw;line-height:2.5vw}
    .content ul li{font-size:.75vw;line-height:1.755vw}
    .aboutUsButtons{align-items:flex-start;padding-top:5vh}
    .aboutUsButtons a{width:35%;font-size:1vw;padding:1vw;align-items:flex-start;margin-bottom:2.5vh}
    #servicesBannerImageDesktop{display:block;height:100vh;width:100%;object-fit:cover}
    #servicesBannerText{bottom:50%;left:30%;transform:translate(-30%,50%);width:70%;font-size:5vw}
    .servicesContentRight{line-height:4.5vw;font-size:2vw}
    #management,#strategists,.servicesContent{padding:10vw}
    #servicesList{width:200%}
    .serviceListContent div,.serviceListContent ul{padding-bottom:2.5vh;font-size:1.5vw;line-height:3vw}
    .serviceListHeader{font-size:2.5vw!important;line-height:normal!important;width:100%}
    .resultsContainer{display:flex;justify-content:space-evenly;flex-direction:column;height:75%}
    #resultsHeader,.name{font-size:3vw;padding-bottom:2.5vh}
    .resultsLeft,.resultsRight{width:42.5%}
    .resultsLeftHeader,.resultsRightHeader{font-size:2vw;font-weight:700;padding-bottom:2.5vh}
    .resultContent{font-size:1.75vw;line-height:3vw;text-align:left}.teamTop{line-height:3.5vh}
    .teamHeader{font-size:4vw;line-height:7vw;font-weight:700;padding-bottom:2.5vh;width:100%}
    #FAQPageSubHeader,.jobTitle,.teamContent{font-size:2vw}
    .teamContent{line-height:4vw;padding-bottom:2.5vw}
    .teamBlock{width:300%;padding-bottom:2.5vh}
    .LDORIPageContent{flex-direction:row;box-sizing:border-box;padding:10vw;justify-content:space-between}
    #LDORIRight{width:35vw;flex-direction:column}
    #ESSARight{width:35vw;flex-direction:column}
    .LDORIHeader{font-size:4vw;margin:0;text-align:left}
    .LDORISubheader{font-size:2vw;margin:0;text-align:left}
    .LDORIButtons a{width:40%;padding:1vw;font-size:1.5vw}
    .input input,form button{padding:1.5vw}
    #latheDesktop{height:40vw}
    #LDORIDesktopImages{display:block;position:relative;width:25vw;padding-bottom:25%}
    #LDORIRight>div{padding:0}
    #ESSARight>div{padding:0}
    .LDORIButtons{width:100%;align-items:flex-start}
    #ldoriVideo{padding-top:5vh}
    #jobsImage{height:80vh;width:100%;object-fit:cover}
    #jobsOverlayText{width:80%}
    #jobsOverlayTop{font-size:5vw;font-weight:800;width:100%;line-height:7vw}
    #jobsOverlayBottom{padding-top:1vh;font-size:3vw;line-height:6vw;font-weight:700}
    #FAQPageHeader,.postTitle{font-size:4vw;font-weight:700;padding-bottom:2.5vh}
    #jobPostings{padding:5vw 10vw}
    .postTitle{line-height:10vw}
    #FAQPage{margin-top:2.5vh;padding:7.5vw}
    #FAQLeft{padding-bottom:5vh}
    #contactUsHeader,.FAQHeader{font-size:3vw}
    #FAQPageHeader div{font-size:2vw;font-weight:400}
    .FAQ{margin-bottom:5vh}.FAQHeader{font-weight:700}
    .FAQContent{font-size:2.25vw;line-height:5vw}
    #questions,#questions img{height:20vh}
    .questionsContainer div:first-child{font-size:3.5vw}
    .questionsContainer div:first-child,.questionsContainer div:last-child,.questionsContainer div:last-child a{font-weight:700;color:#fff}
    .questionsContainer div:last-child,.questionsContainer div:last-child a{font-size:2.5vw}
    #contactUs form{width:60vw}
    .infoInputs,.nameInputs{width:100%;display:flex;flex-direction:row;justify-content:space-between}
    .input{width:47.5%}
    form button{font-size:2vw;font-weight:900}
    footer{padding:2vw}
    footer #footerTop{font-size:2vw;font-weight:700}
    #footerContent{font-size:1.25vw;line-height:2.5vw}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
    #newBrunswick{
        padding-top: 0rem;
    }
    #headerImage{
        height: 60%;
    }
    #indexVideo #videoStill,
        #indexVideo video,
        #quote,
        #quoteSymbol img,
        .messageInputs .input,
        .teamBlock {
            width: 100%
        }
    
        #brickDesktop,
        #latheDesktop {
            height: 40vw;
            object-fit: cover
        }
    
        #LDORILeft,
        #LDORIRight,
        #ESSARight,
        #aboutUsLeft,
        #aboutUsRight {
            width: 35vw;
            padding: 0
        }
    
        .LDORIHeader,
        .LDORISubheader,
        .aboutUsHeader,
        .aboutUsSubheader {
            margin: 0;
            text-align: left
        }
    
        #jobsOverlayBottom,
        form button {
            font-weight: 900;
            font-size: 2vw
        }
    
        #landingPageContainer {
            width: 80%;
            height: 40vh
        }
    
        #landingPageContainer div {
            justify-content: space-evenly;
            height: 100%;
            width: 30vw
        }
    
        #FAQLeft,
        #landingPageContainer div img {
            width: 30vw
        }
    
        #landingPageContainer a {
            padding: 2vw 5vw;
            font-size: 2vw
        }
    
        #landingPageFooter {
            font-size: 1.5vw
        }
    
        header {
            height: 7.5vh;
            justify-content: space-between
        }
    
        header>img {
            height: 100%;
            width: auto
        }
    
        #menuIcon {
            height: 5vh;
            width: auto
        }
    
        #closeMobile {
            font-size: 5vw;
            width: 5vw;
            height: 5vw
        }
    
        #faqTextBottom,
        #menuContent a,
        .questionsContainer div:last-child,
        .questionsContainer div:last-child a {
            font-size: 2.5vw
        }
    
        #headerRight {
            width: 25vw;
            justify-content: space-around
        }
    
        #mobileNavButton div {
            width: 5vh;
            height: 5vh
        }
    
        #loginButton {
            width: fit-content;
            height: 5vh;
            font-size: 2vw;
            padding: 0vh 2vw;
        }
        #loginButton{
            color: #cb7232;
            display:flex;
            justify-content:center;
            align-items:center;
            border-radius:10px;
            border:1px solid #cb7232;
            background-color:#fff;
        }
        
        #loginButton:hover{
            cursor:pointer;
            color:#fff;
            background-color:#1d4759;
            border:1px solid #1d4759;
        }
    
        #indexImage {
            height: 60vh
        }
    #indexBannerText{
        margin-bottom:10%;
        left:5%;
        height:40%;
        width:80%;
    }
    #faqOverlay{
        top:unset;
        bottom:10%;
        left:5%;
        height:40%;
        width:80%;
        transform:translate(0,-10%)}
   
    #faqTextTop,#indexBannerTextTop{font-size:6vw;line-height:7.5vw}
    #indexBannerTextBottom{font-size:2.5vw;line-height:5vw}#aboutVLSButton{padding:2vw 3vw;font-size:2vw}
    .indexContent{
        padding: 5vh 10vw 0 10vw;
    }
    #ldoriOverlayText,.indexContentRight,.jobDescription div,.jobDescription ul li{font-size:2vw;line-height:3.5vw}
    #tiles{height:87.5vh}
    #tiles #tilesTop{display:flex;flex-direction:row;height:50vh}
    #ldoriTile{width:44vw}
    #tilesTop .latheMobile{display:block;width:44vw;height:100%;object-fit:cover}#ldoriOverlay{align-items:unset;text-align:unset}
    #contactUsHeader,#ldoriOverlayHeader,#tileOverlay div,.questionsContainer div:first-child{font-size:4vw}
    .ldoriLearnButton,.serviceButton,.strategistButton{font-size:2vw;padding:2vw 4vw}#tiles #tilesBottom{display:flex;flex-direction:row;height:33.5vh}#serviceTile,#strategistTile{width:44vw;height:100%}#tileOverlay{text-align:unset;align-items:unset;left:10%;width:80%}#quoteArea{display:block;display:flex;flex-direction:row;padding:2.5vh 0 5vh;justify-content:space-evenly;align-items:center}#quoteAreaLeft{display:flex;flex-direction:row;justify-content:space-between;width:44vw}#quoteSymbol{width:4vw}
    #indexQuote{width:37.5vw;height:fit-content;position:relative;display:flex;flex-direction:column}#quote{font-size:2vw;line-height:4vw;padding-bottom:2.5vh}#quoteFrom,.FAQHeader{font-size:3vw;font-weight:900}#indexVideo{width:44vw;position:relative}#indexVideo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#faqButton{font-size:2vw;padding:2vw 3vw}
    
    #support{
        height:25vh;
        padding:2vh 4vw
    }

    #supportHeader,footer #footerTop{
        font-size:3vw
    }

    #FAQPageSubHeader,#required,.input input,.input label,.jobTitle,.leftHeader{
        font-size:2vw
    }

    #supportText{
        font-size: 18px;
    }

    #supportImages{
        display: inline-flex;
        gap: 5%;
    }
    #supportImages div{display:flex;justify-content:center}
    #LDORIRight>div,
    #ESSARight>div,
    #canada {
        padding: 0
    }

    #LDORIMobileImages,
    #brick,
    #machine,
    #servicesBannerImageMobile {
        display: none
    }

    #brickDesktop {
        width: 32.5vw
    }

    #laptopDesktop,
    #machineDesktop {
        width: 30vw;
        height: 30vw;
        object-fit: cover;
        position: absolute;
        top: 5vw;
        left: 7.5vw
    }

    #desktopImages {
        position: relative;
        width: 25vw
    }

    #desktopImages,
    #desktopImages img {
        display: block
    }

    .LDORIPageContent,
    .aboutUsPageContent {
        flex-direction: row;
        justify-content: space-between;
        padding: 10vw
    }

    #aboutUsLeft div:first-child {
        font-weight: 700;
        padding-bottom: 2.5vh
    }

    .aboutUsHeader {
        font-size: 3vw
    }

    .aboutUsSubheader {
        font-size: 2.25vw
    }

    .LDORIContent,
    .content,
    .teamContent {
        font-size: 2vw;
        line-height: 3vw
    }

    .content ul li {
        font-size: 1.75vw;
        line-height: 3vw
    }

    .aboutUsButtons a {
        width: 60%;
        font-size: 2vw;
        padding: 2vw 4vw
    }

    #servicesBannerImageDesktop {
        display: block;
        width: 100%
    }

    #servicesList {
        width: 250%
    }

    .serviceItem {
        width: 50%
    }

    #resultsServices {
        height: 50vh
    }

    .FAQContent,
    .servicesContentRight div {
        font-size: 2vw;
        line-height: 4vw
    }

    .serviceListHeader {
        font-size: 3vw !important
    }

    .resultContent,
    .resultsLeftHeader,
    .resultsRightHeader {
        font-size: 2.25vw
    }

    .serviceListContent div,
    .serviceListContent ul {
        font-size: 2.5vw;
        line-height: 4.5vw
    }

    .resultsContainer {
        width: 70%
    }

    #resultsHeader {
        font-size: 4vw;
        padding-bottom: 2.5vh
    }

    .resultContent {
        line-height: 3vw
    }

    .teamHeader {
        font-size: 5vw;
        line-height: 6vw
    }

    .teamBottom {
        width: 100%;
        flex-direction: column;
        overflow-x: unset;
        overflow-y: unset
    }

    .member {
        width: 30%
    }

    .name {
        font-size: 2.5vw;
        padding-bottom: 1vh
    }

    #laptop,
    #lathe {
        display: none;
        width: 100%
    }

    #latheDesktop {
        width: 30vw
    }

    #LDORIDesktopImages {
        display: block;
        position: relative;
        width: 25vw;
        padding-bottom: 25%
    }

    #LDORIRight {
        display: flex;
        flex-direction: column
    }

    #LDORIRight {
        display: flex;
        flex-direction: column
    }

    .LDORIHeader {
        font-size: 5vw
    }

    .LDORISubheader {
        font-size: 2.5vw
    }

    .LDORIButtons {
        width: 100%;
        align-items: flex-start
    }

    .LDORIButtons a {
        width: 50%;
        font-size: 2.5vw;
        padding: 1vw
    }

    .input input,
    form button {
        padding: 2vw
    }

    #jobsOverlayTop {
        font-size: 6vw;
        line-height: 8vw
    }

    #jobsOverlayText {
        bottom: 30%;
        left: 10%;
        width: 60%;
        transform: translate(-10%, -30%)
    }

    #jobsOverlayBottom {
        line-height: 3vw
    }

    .postTitle {
        font-size: 4vw;
        line-height: 4vw
    }

    #FAQPage {
        flex-direction: row;
        justify-content: space-between
    }

    #FAQPageHeader {
        font-size: 5vw
    }

    #FAQPageContent {
        width: 47.5vw
    }

    #questions,
    #questions img {
        height: 15vh
    }

    #contactUsPage #contactUs {
        height: 72.5vh
    }

    #contactUs form {
        width: 75vw
    }

    .infoInputs,
    .nameInputs {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .input {
        width: 47.5%
    }

    footer {
        height: 20vh
    }

    #footerContent {
        font-size: 1.5vw;
        line-height: 2.75vw
    }    
    #copyright{font-size:1.75vw}
    .indexContentRight > div:last-child{padding-bottom: 0;}
}
@media only screen and (min-width:1024px) and (max-width:1180px) and (orientation:landscape){
    #headerImage{
        height: 60%;
    }
    #mobileNavButton,#mobileNavButton div{width:7.5vh;height:7.5vh}
    #laptopDesktop,#machineDesktop{height:30vw;top:5vw;left:7.5vw;width:30vw;position:absolute}
    #homePageFaq,#indexImage,#jobsImage,#tiles{height:90vh}
    #brickDesktop,#jobsImage,#laptopDesktop,#latheDesktop,#machineDesktop,#servicesBannerImageDesktop,#tilesTop .latheDesktop,.indexFaqDesktop{object-fit:cover;object-fit:cover}
    #resultsServices{height:60vh}
    #quoteArea,#support,#tiles,.LDORIPageContent{box-sizing:border-box}
    #landingPageContainer{width:80%;height:40vh;transform:translate(-50%,-50%);flex-direction:row}
    #landingPageContainer div{justify-content:space-evenly;height:100%;width:30vw}
    #FAQLeft,#aboutUsLeft,#landingPageContainer div img{width:30vw}
    #landingPageContainer a{padding:2vw 5vw;font-size:2vw}
    #landingPageFooter,#required,.input input,.input label,.jobTitle{font-size:1.5vw}
    header{height:8vh}
    header>img{height:100%;width:auto}
    #headerRight{width:fit-content;margin-right:2vw}
    #LDORIMobileImages,#brick,#desktopNav,#machine,#servicesBannerImageMobile,#tiles .latheMobile,.indexFaqMobile,.latheMobile,.tileImage3Mobile{display:none}
    nav a:hover{cursor:pointer}
    #mobileNavButton{padding:0 2vw}
    #desktopNav a:hover,#mobileNav a:hover{color:#cb7232}
    #closeMobile{font-size:5vw;width:10vw;height:10vw;color:#1d4759}
    #menuContent a{margin-bottom:2.5vh;font-size:2.5vw;font-weight:700}
    #menuIcon{width:6vw;height:6vh}
    #loginButton{width:fit-content;height:6vh;font-size:1.5vw; padding: 0 1vh;}
    #loginButton{
        color: #cb7232;
        display:flex;
        justify-content:center;
        align-items:center;
        border-radius:10px;
        border:1px solid #cb7232;
        background-color:#fff;
    }
    
    #loginButton:hover{
        cursor:pointer;
        color:#fff;
        background-color:#1d4759;
        border:1px solid #1d4759;
    }

    #FAQPage{padding:7.5vw;flex-direction:row;justify-content:space-between}
    #FAQPageHeader{font-size:3.5vw}
    #FAQPageSubHeader{font-size:1.75vw}
    #support{
        height: 40vh;
    }
    #supportText{
        padding-top: 1vw;
        font-size: 18px;
    }
    #FAQPageContent{width:47.5vw}
    #ldoriOverlayHeader,#supportHeader,.FAQHeader{font-size:3vw;font-weight:900}
    .FAQContent{font-size:1.75vw;line-height:3vw}
    #management,#strategists{justify-content:space-between;flex-direction:row;padding:5vw}
    .teamTop{width:20vw}
    .teamBottom{width:65vw;flex-direction:column}
    .teamHeader{width:100%;font-size:2.25vw;justify-content:flex-start;font-weight:900;text-align:unset;line-height:3vw;padding-bottom:2.5vh}
    #contentRight ul li,.teamContent{font-size:2vw;line-height:3vw}
    .leftHeader,.name{font-size:2vw}
    .teamBlock{padding-bottom:7.5vh;width:100%}
    .aboutUsHeader,.aboutUsSubheader,.leftHeader{padding-bottom:2.5vh;font-weight:900}
    .teamBlock img{padding-top:1.5vh}
    .member{width:30%;height:auto}
    #brickDesktop{width:32.5vw;height:40vw}
    #desktopImages{position:relative;width:25vw;padding-bottom:5vh}
    #desktopImages,#desktopImages img,.latheDesktop,.tileImage3Desktop{display:block}
    .aboutUsPageContent{flex-direction:row}
    #aboutUsRight{width:40vw}
    .aboutUsHeader{font-size:3vw;text-align:unset}
    .aboutUsSubheader{font-size:2.5vw;text-align:unset}
    #indexBannerTextBottom,.content,.jobDescription div,.jobDescription ul li{font-size:2vw;line-height:4vw}
    .content ul li{font-size:.75vw;line-height:1.755vw}
    .aboutUsButtons{align-items:flex-start;justify-content:unset}
    .aboutUsButtons a{width:50%;font-size:2vw;padding:1vw;align-items:flex-start;margin-bottom:2.5vh}
    .LDORIPageContent{flex-direction:row;padding:10vw;justify-content:space-between}
    #resultsHeader,.jobPost,.postTitle{padding-bottom:2.5vh}
    #LDORIRight{width:35vw;flex-direction:column}
    #ESSARight{width:35vw;flex-direction:column}
    .LDORIHeader{font-size:4vw;margin:0;text-align:left}
    .LDORISubheader{font-size:2vw;margin:0;text-align:left}
    .LDORIContent,.serviceListContent div,.serviceListContent ul{font-size:1.5vw;line-height:2.5vw}
    .LDORIButtons a{width:40%;padding:1vw;font-size:1.5vw}
    .input input,form button{padding:1.5vw}
    #latheDesktop{width:30vw;height:40vw}
    #LDORIDesktopImages{display:block;position:relative;width:25vw;padding-bottom:25%}
    #LDORIRight>div{padding:0}
    #ESSARight>div{padding:0}
    .LDORIButtons{width:100%;align-items:flex-start}
    #ldoriVideo{padding-top:5vh}
    #jobsImage{width:100%}
    #jobsOverlayText{bottom:10%;left:10%;width:60%}
    #jobsOverlayTop{font-size:6vw;font-weight:800;width:100%;line-height:7vw}
    #jobsOverlayBottom{padding-top:1vh;font-size:3vw;line-height:6vw;font-weight:700}
    #jobPostings{padding:5vw}
    .postTitle{font-size:4vw;line-height:10vw;font-weight:700}
    #servicesBannerText{bottom:15%;left:10%;transform:translate(-10%,15%);width:50%;font-size:6vw;line-height:8vw}
    #servicesBannerImageDesktop{display:block;width:100%;height:auto}
    .servicesContent{flex-direction:row;padding:5vw;justify-content:space-between}
    .servicesOverlay{display:block;width:20vw;display:flex;justify-content:center;align-items:center}
    .circle{width:20vw;height:20vw}
    .overlayText{font-size:2.2vw;font-weight:700}
    .indexContentRight > div:last-child{padding-bottom: 0;}
    #contactUs form,.servicesContentRight{width:60vw}.servicesContentRight div{width:55vw;font-size:1.75vw;line-height:2.5vw}#row{overflow-x:unset;overflow-y:unset}#indexVideo #videoStill,#indexVideo video,#quoteSymbol img,#servicesList,.messageInputs .input{width:100%}
    #faqOverlay{
        top:50%;left:10%;transform:translate(0,-50%);width:50%
    }
    .serviceItem{width:20%}.serviceListHeader{font-size:2vw!important;line-height:3vw}.resultsContainer{width:75%}.results{justify-content:space-evenly}#resultsHeader{font-size:4vw}.resultsLeft,.resultsRight{width:40%}#quoteFrom,.resultsLeftHeader,.resultsRightHeader{font-size:2vw;font-weight:900}.resultContent{font-size:2vw;line-height:3vw}#indexBannerImage{height:100%;width:100%}
    #indexBannerText{
        height:60%;
        top:30%;
        left:5%;
        width:50%;
    }
    #indexBannerTextTop {
        font-size: 4.5vw;
        line-height: 7vw
    }

    #aboutVLSButton,
    .ldoriLearnButton {
        padding: 1.5vw 2vw;
        font-weight: 700;
        font-size: 1.5vw
    }

    .indexContent {
        padding: 5vw;
        justify-content: space-between
    }

    .indexOverlay {
        display: block;
        width: 22.5vw;
        display: flex;
        align-items: center
    }

    .indexContentRight {
        line-height: 3vw;
        font-size: 1.5vw;
        width: 62.25vw
    }

    #tiles {
        padding: 2.5vw
    }

    #tiles #tilesBottom,
    #tiles #tilesTop {
        justify-content: space-between;
        margin: 0
    }

    #tiles #tilesTop {
        height: 75vh;
        width: 100%;
        flex-direction: row;
        padding-bottom: 2.5vw
    }

    #tiles #tilesBottom {
        height: 25vh;
        width: 100%;
        flex-direction: row
    }

    #tilesTop .latheDesktop {
        display: block;
        width: 64.75vw;
        height: 100%
    }

    #ldoriTile {
        width: 27.75vw;
        height: 100%
    }

    #ldoriOverlay {
        top: 0;
        left: 15%;
        width: 75%;
        height: 100%;
        align-items: start;
        text-align: left
    }

    #ldoriOverlayText {
        font-size: 1.5vw;
        line-height: 2vw
    }

    #serviceTile,
    #strategistTile {
        width: 46.25vw;
        height: 100%
    }

    #tileOverlay {
        top: 0;
        left: 10%;
        width: 80%;
        height: 100%;
        align-items: start;
        text-align: start
    }

    #tileOverlay div,
    .questionsContainer div:last-child,
    .questionsContainer div:last-child a,
    footer #footerTop {
        font-size: 2.5vw
    }

    #faqButton,
    .serviceButton,
    .strategistButton {
        padding: 1.5vw 2vw;
        font-size: 1.5vw
    }

    #quoteArea {
        display: block;
        display: flex;
        flex-direction: row;
        padding: 2.5vw;
        justify-content: space-between;
        align-items: center
    }

    #quoteAreaLeft {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 44vw
    }

    #quoteSymbol {
        width: 3vw
    }

    #indexQuote {
        width: 37.5vw;
        height: fit-content;
        position: relative;
        display: flex;
        flex-direction: column
    }

    #quote {
        font-size: 18px;
        line-height: 3vw;
        padding-bottom: 2.5vh;
        width: 100%;
        font-family: Verdana;
    }

    #indexVideo {
        width: 46.25vw;
        position: relative
    }

    #indexVideo img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    #homePageFaq #tilesBottom {
        height: 100%
    }

    .indexFaqDesktop {
        display: block;
        height: 100%;
        width: 100%
    }

    #faqOverlay {
        height: 80%
    }

    #faqTextTop {
        font-size: 6vw;
        font-weight: 900;
        line-height: 7vw
    }

    #faqTextBottom {
        font-size: 2vw;
        font-weight: 900;
        line-height: 4vw
    }    #support{
    padding:2.5vh 0;
    }
    
    #supportImages{
        padding-top: 5vw;
        display:flex;
        flex-direction:row;
        justify-content:space-evenly;
        align-items:center
    }

    #supportImages div{width:25%}
    
    #canada,#newBrunswick{width:64%}
    #canada {
        padding-bottom: unset
    }

    #questions,
    #questions img {
        height: 25vh
    }

    .questionsContainer div:first-child {
        font-size: 5vw;
        padding-bottom: 2.5vh
    }

    #contactUsPage #contactUs {
        height: 75vh;
        padding:0 5vw;
    }

    #contactUsHeader {
        font-size: 3vw
    }   
    #copyright,#footerContent{font-size:1.25vw}.infoInputs,.nameInputs{width:100%;display:flex;flex-direction:row;justify-content:space-between}.input{width:47.5%}form button{font-size:1.75vw;font-weight:900}footer{font-size:1vw}#footerContent{line-height:2.25vw}
}
@media only screen and (min-width:1181px) and (orientation:landscape){
    #headerImage{
        height: 60%;
    }
    #desktopNav a,#landingPageFooter,#loginButton,.resultsLeftHeader,.resultsRightHeader{
        font-size:1vw
    }
    
    #laptopDesktop,#machineDesktop{
        height:25vw;
        top:2.5vw;
        left:7.5vw;
        position:absolute;
        object-fit:cover
    }
    
    #homePageFaq,#indexBannerImage,#indexImage,#jobsImage,#tiles{
        height:100vh
    }
    
    #faqOverlay{
        bottom:50%;
        left:5%;
        transform:translate(0,50%);
    }
    
    #quoteArea,#support,.LDORIPageContent{
        box-sizing:border-box
    }
    
    #landingPageContainer{
        width:80%;
        height:30vh;
        flex-direction:row;
        justify-content:space-evenly
    }
    
    #landingPageContainer div{
        justify-content:space-evenly;
        height:100%;
        width:30vw
    }
    
    #indexVideo #videoStill,#indexVideo video,#landingPageContainer div img{
        width:60%
    }
    
    #landingPageContainer a{
        padding:1vw 2.5vw;
        font-size:1vw
    }
    
    header{
        height:8vh;
        justify-content:space-around;
    }
    
    header>img{
        height:100%;
        width:auto
    }
    
    #headerRight{
        width:65vw
    }
    
    #desktopNav{
        width:100%;
        display:flex;
        justify-content:space-around
    }
    
    nav a:hover{
        cursor:pointer
    }
    
    #desktopNav a{
        font-weight:700
    }
    
    #LDORIMobileImages,#brick,#machine,#mobileNavButton,#servicesBannerImageMobile,#tiles .latheMobile,.indexFaqMobile,.latheMobile,.tileImage3Mobile{
        display:none
    }
    
    #desktopNav a:hover,#mobileNav a:hover{
        color:#cb7232
    }
    
    #mobileNavButton div{
        width:10vh;
        height:10vh
    }
    
    #menuIcon{
        width:100%;
        height:100%
    }
    
    #loginButton{
        width:fit-content;
        padding:0 2vw;
        height:4vh;
        font-weight:800
    }
    
    #closeMobile{
        color:#1d4759
    }
    
    #FAQPage{
        padding:7.5vw;
        flex-direction:row;
        justify-content:space-between
    }
    
    #FAQLeft,.teamTop{
        width:30vw
    }
    
    #FAQPageHeader{
        font-size:2vw
    }
    
    #FAQPageSubHeader,.name{
        font-size:1.5vw
    }
    
    #FAQPageContent{
        width:47.5vw
    }
    
    .FAQHeader {
        font-size: 1.5vw;
        font-weight: 900
    }

    #ldoriOverlayText,
    .FAQContent,
    .LDORIContent,
    .content,
    .resultContent {
        font-size: 1vw;
        line-height: 2vw
    }

    #management,
    #strategists {
        justify-content: space-between;
        flex-direction: row;
        padding: 5vw
    }

    .teamBottom {
        width: 55vw;
        flex-direction: column
    }

    .teamHeader {
        width: 100%;
        font-size: 2.25vw;
        font-weight: 900;
        justify-content: flex-start;
        text-align: unset;
        line-height: 3vw;
        padding-bottom: 2.5vh
    }

    .teamContent {
        font-size: 1.1vw;
        line-height: 2.25vw
    }

    #required,
    .content ul li,
    .input input,
    .input label,
    .jobTitle {
        font-size: 1vw
    }

    .teamBlock {
        padding-bottom: 7.5vh;
        width: 100%
    }

    .teamBlock img {
        padding-top: 1.5vh
    }

    .member {
        width: 25%;
        height: auto
    }

    #brickDesktop,
    #latheDesktop {
        width: 25vw;
        height: 30vw;
        object-fit: cover
    }

    #machineDesktop {
        width: 25vw
    }

    #desktopImages {
        position: relative;
        width: 25vw;
        padding-bottom: 3vh
    }

    #desktopImages,
    #desktopImages img,
    .latheDesktop,
    .tileImage3Desktop {
        display: block
    }

    .aboutUsPageContent {
        flex-direction: row;
        padding: 10vw;
        justify-content: space-between
    }

    .aboutUsHeader,
    .aboutUsSubheader,
    .leftHeader {
        font-weight: 900;
        padding-bottom: 2.5vh
    }

    .leftHeader {
        font-size: 1vw
    }

    #contentRight ul li,
    #footerContent,
    .jobDescription div,
    .jobDescription ul li,
    .serviceListContent div,
    .serviceListContent ul {
        font-size: 1.3vw;
        line-height: 2.2vw
    }
    .serviceListContent div{
        font-size:1.5vh;
        line-height:2.5vh;
    }
    #faqTextBottom,
    .postTitle {
        line-height: 4vw
    }

    #aboutUsLeft {
        width: 30vw;
        padding: 0
    }

    #aboutUsRight {
        width: 40vw;
        padding: 0
    }

    .aboutUsHeader {
        font-size: 2vw;
        text-align: unset
    }

    .aboutUsSubheader {
        font-size: 1.25vw;
        text-align: unset
    }

    .content ul li {
        line-height: 1.755vw
    }

    .aboutUsButtons {
        align-items: flex-start
    }

    .aboutUsButtons a {
        width: 30%;
        font-size: 1vw;
        padding: 1vw;
        align-items: flex-start;
        margin-bottom: 2.5vh
    }

    #laptopDesktop {
        width: 25vw
    }

    .LDORIPageContent {
        flex-direction: row;
        padding: 10vw;
        justify-content: space-between
    }

    #resultsHeader,
    .jobPost,
    .postTitle {
        padding-bottom: 2.5vh
    }

    #LDORIRight {
        width: 35vw;
        flex-direction: column
    }

    #ESSARight {
        width: 35vw;
        flex-direction: column
    }
    .LDORIHeader {
        font-size: 2vw;
        margin: 0;
        text-align: left
    }

    .LDORISubheader {
        font-size: 1.25vw;
        margin: 0;
        text-align: left
    }

    .LDORIButtons a {
        width: 40%;
        padding: 1vw;
        font-size: 1.5vw
    }

    #LDORIDesktopImages {
        display: block;
        position: relative;
        width: 25vw;
        padding-bottom: 25%
    }

    #LDORIRight>div {
        padding: 0
    }
    #ESSARight>div {
        padding: 0
    }

    .LDORIButtons {
        width: 100%;
        align-items: flex-start
    }

    #jobsImage {
        width: 100%;
        object-fit: cover
    }

    #jobsOverlayText {
        bottom: 10%;
        left: 10%;
        width: 60%
    }

    #jobsOverlayTop {
        font-size: 4.5vw;
        font-weight: 800;
        width: 100%;
        line-height: 6vw
    }

    #jobsOverlayBottom,
    .overlayText,
    .postTitle {
        font-size: 2vw;
        font-weight: 700
    }

    #jobsOverlayBottom {
        padding-top: 1vh;
        line-height: 6vw
    }

    #jobPostings {
        padding: 5vw
    }

    #servicesBannerImageDesktop {
        display: block;
        width: 100%;
        height: 90vh;
        object-fit: cover
    }

    #servicesBannerText {
        bottom: 15%;
        left: 10%;
        transform: translate(-10%, 15%);
        width: 50%;
        font-size: 3.5vw;
        line-height: 5vw
    }

    .servicesContent {
        flex-direction: row;
        padding: 5vw;
        justify-content: space-between
    }

    .servicesOverlay {
        display: block;
        width: 20vw;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .circle {
        width: 20vw;
        height: 20vw
    }

    .servicesContentRight {
        width: 60vw
    }

    .servicesContentRight div {
        width: 55vw;
        font-size: 1vw;
        line-height: 2vw
    }

    #row {
        overflow-x: unset;
        overflow-y: unset
    }

    #quoteSymbol img,
    #servicesList,
    .messageInputs .input {
        width: 100%
    }

    .serviceItem {
        width: 20%
    }

    #quote,
    .resultsContainer {
        width: 75%
    }

    .serviceListHeader {
        font-size: 1vw !important
    }

    #resultsServices {
        height: 40vh
    }

    .results {
        justify-content: space-evenly
    }

    #resultsHeader {
        font-size: 2vw
    }
    
    #supportImages div,.resultsLeft,.resultsRight
    {
        height: 80%;
        width:30%
    }
    #indexBannerImage{width:100%}
    #indexBannerText {
        height:30%;
        width:55%;
        bottom: 25% !important;
        left:5%;
    }
    #indexBannerTextTop {
        font-size: 4vw;
        line-height: 5vw
    }

    #indexBannerTextBottom {
        font-size: 1.5vw;
        line-height: 3vw
    }

    #aboutVLSButton {
        padding: 1vw 1.5vw;
        font-size: 1vw;
        font-weight: 700
    }

    .indexContent {
        padding: 5vw;
        padding-bottom: 4vw;
        justify-content: space-between
    }

    .indexOverlay {
        display: flex;
        justify-content: center;
        width: 25vw
    }

    .indexContentRight {
        line-height: 2vw;
        font-size: 1.25vw;
        width: 58.75vw
    }

    .indexContentRight div {
        padding-bottom: 5vh;
        font-size: 1.5vw;
        line-height: 2vw
    }
    #quoteFrom{
        font-family: Poppins,Verdana,Geneva,sans-serif;
        font-size: 25px;
        font-weight: 900;
    }
    
    #tiles{
        padding-top: 0px;
        padding-left:2.5vw;
        padding-right:2.5vw;
        padding-bottom: 2.5vw;
    }
        #tiles #tilesBottom,
        #tiles #tilesTop {
            justify-content: space-between;
            margin: 0
        }
    
        #tiles #tilesTop {
            height: 72vh;
            width: 100%;
            flex-direction: row;
            padding-bottom: 2.5vw
        }
    
        #tiles #tilesBottom {
            height: 60vh;
            width: 100%;
            flex-direction: row
        }
    
        #tilesTop .latheDesktop {
            display: block;
            width: 61.05vw;
            height: 100%;
            object-fit: cover
        }
    
        #ldoriTile {
            width: 30.525vw;
            height: 100%
        }
    
        #ldoriOverlay {
            top: 0;
            left: 15%;
            width: 75%;
            height: 100%;
            align-items: start;
            text-align: left
        }
    
        #ldoriOverlayHeader {
            font-size: 2.25vw;
            font-weight: 900
        }
    
        .ldoriLearnButton,
        .serviceButton,
        .strategistButton {
            padding: 1vw 2vw;
            font-size: 1.5vw
        }
    
        #serviceTile,
        #strategistTile {
            width: 46.25vw;
            height: 100%
        }
    
        #tileOverlay {
            top: 0;
            left: 10%;
            width: 80%;
            height: 100%;
            align-items: start;
            text-align: start
        }
    
        #tileOverlay div {
            font-size: 2vw;
            line-height: 3vw
        }
    
        #quoteArea {
            display: flex;
            flex-direction: row;
            padding: 2.5vw;
            justify-content: space-evenly;
            align-items: center;
            height: 60vh
        }
    
        #quoteAreaLeft {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            width: 44vw
        }
    
        #quoteSymbol {
            width: 3vw
        }
    
        #indexQuote {
            width: 30vw;
            height: fit-content;
            position: relative;
            display: flex;
            flex-direction: column
        }
    
        #quote {
            font-size: 2.5vh;
            line-height: 2vw;
            padding-bottom: 2.5vh
        }
    
        #indexVideo {
            width: 46.25vw;
            position: relative;
            display: flex;
            justify-content: center
        }
    
        #indexVideo img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }
    
        #homePageFaq #tilesBottom {
            height: 100%
        }
    
        .indexFaqDesktop {
            display: block;
            height: 100%;
            width: 100%;
            object-fit: cover
        }
    
        #faqOverlay {
            height: 45%;
            width: 40%
        }
    
        #faqTextTop {
            font-size: 4vw;
            line-height: 5vw;
            font-weight: 700
        }
    
        #faqTextBottom {
            font-size: 1.5vw
        }
    
        #faqButton {
            padding: 1vw 1.5vw;font-size:1vw}
    
    #support{
        height:35vh;
        padding: 0;
    }
    
    #supportHeader{font-size:2.8vw;font-weight:900}
    
    #supportText{
        font-size: 24px;
        margin-top: .5rem;
        margin-bottom: 4rem;
    }

    #supportImages{
        display:flex;
        flex-direction:row;
        justify-content: center;
    }

    #canada,#newBrunswick{width:35%}
    #questions,#questions img{height:20vh}
    .questionsContainer div:first-child{font-size:2.25vw;padding-bottom:2.5vh}
    .questionsContainer div:last-child,.questionsContainer div:last-child a,footer #footerTop{font-size:1.25vw}
    #contactUsPage{
        height:75vh;
        padding:0 5vw;
    }
    #contactUsHeader{font-size:1.75vw}
    #contactUs form{width:40vw}
    .infoInputs,.nameInputs{width:100%;display:flex;flex-direction:row;justify-content:space-between}
    .input{width:47.5%}
    .input input{padding:.75vw}
    form button{font-size:1vw;padding:1vw;font-weight:900}
    #copyright{font-size:.75vw;line-height:2vw}
    .indexContentRight > div:last-child{padding-bottom: 0;}
}

@media only screen and (max-height: 896px) and (orientation: landscape){
    #support{
        margin-bottom: 15%;
    }
}

@media only screen and (max-height: 840px) and (orientation: landscape){
    #quoteArea{
        margin-bottom: 10%;
        margin-top: 8%;
    }
    #ldoriOverlayHeader{
        font-size: 6vh;
    }
    #ldoriOverlayText{
        font-size: 3vh;
    }
    .ldoriLearnButton{
        font-size: 4vh;
        padding: 4vh;
    }
    #indexBannerText{
        padding-top: 0;
        bottom: 25%;
    }
    #indexBannerTextTop{
        font-size: 6vh;
        line-height: 6vh;
        
    }
}

@media only screen and (min-width:1180px) and (max-height: 840px){
    #indexBannerTextTop{
        font-size: 8vh;
        line-height: 8vh;
    }
}

@media only screen and (max-width:768px){
    #loginButton{width:fit-content;height:5vh;}
    #loginButton{
        color: #cb7232;
        display:flex;
        justify-content:center;
        align-items:center;
        border-radius:10px;
        border:1px solid #cb7232;
        background-color:#fff;
    }
    
    #loginButton:hover{
        cursor:pointer;
        color:#fff;
        background-color:#1d4759;
        border:1px solid #1d4759;
    }
}

#tiles{
    height:auto;
}
.hidden{display:none!important}.tint{position:absolute;top:0;right:0;bottom:0;left:0}.tintBlue{background-color:rgba(29,71,89,.25)}.tintOrange{background-color:rgba(203,114,50,.25)}.tintBlack{background-color:rgba(0,0,0,.25)}.flipImage{transform:scaleX(-1)
    
    }
    
    @keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
    @keyframes grow{0%{height:30%}100%{height:40%}}
    @keyframes buttonBlack{0%{background-color:grey}100%{background-color:#000}}   
    @keyframes growup{0%{transform:scale(.25)}100%{transform:scale(1)}}