main {
  width:auto;
  margin-left: 0;
  margin-right:0;
  max-width:none;
}
.offices .max-width{
  max-width: none;
  width:80%;
  /* margin-left:65px; */
}

.overlay, .office-overlay {
  display: block;
  position: absolute;
  top: -75px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 10000vh;
  background: transparent;
  z-index: 8900;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.offices .office-menu-icon {
  position: sticky;
  top: 125px;
}
.offices .office-menu {
background:#EEEEEE;
padding:2em;
width: 150px;
height: 100vh;
webkit-box-shadow: 0px -8px 30px 0px rgb(0 0 0 / 75%);
box-shadow: 0px -8px 30px 0px rgb(0 0 0 / 75%);
-webkit-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-o-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
visibility: visible;
position:fixed;
left: calc(-125%);
top: 0;
z-index: 11000;
}
.offices .office-menu.active {
left:0;
-webkit-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-o-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
visibility: visible;
}
.offices .office-menu > div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.offices .office-menu a {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
line-height: 20px;
margin-bottom: 1.25em;
padding: .5em;
width: 100px;
}
.offices .office-menu a svg {
width:40px;
margin-bottom:.5em;
}
.office-menu-icon {
 border-radius: 0;
 background:transparent;
 padding:0;
 margin-top:1em;
 margin-left:1em;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 0.5em;
 z-index: 5;
}
.office-menu-icon:hover {
background:transparent;
}
h1.heading {
margin-top:0;
}
.office-menu-icon svg{
height:1.5em;
}
@media (min-width:850px) {
.overlay, .office-overlay {
    display: none;
}
.offices {
  display: flex;
  align-items:flex-start;
  column-gap: 1em;
}
.offices .office-menu, .offices .office-menu.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  left:0;
  align-self: flex-start;
  visibility: visible;
  top:107px;
  position:static;
  height:100%;
  min-height: calc(100vh - 107px);
}
.offices .left {
  position:sticky;
  top:107px;
  /* height:calc(100vh - 107px); */
}
.office-menu-icon {
  display:none;
}
h1.heading {
  margin-top:1.5em;
}
.offices .max-width{
  margin-left:auto;
}
}

@media (max-height:700px) {
.offices .office-menu a svg {
  width:30px;
}
.offices .office-menu a {
  font-size:.85em;
  line-height:18px;
}
}

/*****LS specific styles *****/
.offices #ls-menu .office-menu {
  width: 160px;
    padding: 1em;
}
#ls-menu .cls-1{
  fill:var(--ls-dark);
}
#ls-menu .print-1 {
  stroke-miterlimit: 10;
}
#ls-menu .print-1, #ls-menu .print-2, #ls-menu .print-3 {
  fill: none;
  stroke: var(--ls-dark);
  stroke-width: 1.2px;
}
#ls-menu .print-2, #ls-menu .print-3 {
  stroke-linejoin: round;
}
#ls-menu .print-4 {
  fill: var(--ls-dark);
}
#ls-menu .print-3 {
  stroke-linecap: round;
}
#ls-menu .office-menu a svg#IT{
  width:50px;
}
#ls-menu .office-menu a svg#intern{
  width:60px;
}
#ls-menu .office-menu a svg#paper{
  width:30px;
}
#ls-menu-icon svg{
  fill:var(--ls-dark);
}
#ls-menu .office-menu a {
  color:var(--ls-dark);
  width:125px;
  margin:5px auto;
}

#ls-menu .office-menu a:hover{
  /* color:var(--ls-light); */
  color:white;
  background:var(--ls-dark);
}
#ls-menu a:hover .print-4, a:hover .ls-menu-icon svg, #ls-menu a:hover .cls-1 {
  fill:white;
}
#ls-menu a:hover .print-1, #ls-menu a:hover .print-2, #ls-menu a:hover .print-3, #ls-menu a:hover .award-1 {
  /* stroke: var(--ls-light); */
  color:white;
}
#ls-menu a:hover .print-1, #ls-menu a:hover .print-2, #ls-menu a:hover .print-3 {
stroke: white;
}

.no-touchy #ls-menu .menu-container:hover .ls-hover, #ls-menu .menu-container.active .ls-hover{
  display:block;
  }
  #ls-menu .ls-hover{
    display:none;
    position: absolute;
    top: 0;
    left: 110px;
    background: var(--ash);
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
    width:200px;
    text-align: left;
    padding:.5em;
    z-index:1;
  }
  #ls-menu .ls-container:nth-last-of-type(-n+2) .ls-hover{
    top:auto;
    bottom: 0;
  }
  #ls-menu .menu-container{
    position:relative;
  }
  #ls-menu .ls-hover a{
    margin:0;
    text-align:left;
    display:block;
    width:100%;
  }
  #ls-menu .ls-hover div.sub-link {
    color: var(--lag-dark);
    background:transparent;
    font-size: 14px;
    padding:.5em;
    cursor:pointer;
  }
  
  #ls-menu .ls-sub-hover:hover a.sub-link, #ls-menu .ls-sub-hover:hover div.sub-link{
    background:var(--lag-dark);
    color:white;
  }
  
  #ls-menu .ls-hover li{
    padding:0;
  }
  #ls-menu .ls-hover ul{
    margin:0;
  }
  

@media (max-height:700px) {
  #ls-menu .office-menu a svg#IT {
    width: 40px;
  }
  #ls-menu .office-menu a svg#awards{
    width:25px;
  }
  #ls-menu .office-menu a svg#paper{
    width:25px;
  }
}

main {
  margin-bottom:0;
}
footer {
  margin-top:0;
}
.offices {
  column-gap:0;  
}
.offices .office-menu-icon {
  position: absolute;
  top:unset;
}
.right.max-width {
  margin: 0;
  width: auto;
  text-align: center;
}
.ls-welcome {
  font-size: 20px;
  padding: 4.5em;
  line-height: 2em;
}
#main-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: clamp(30vh, 25vw, 40vh );
  position:relative;
}
.offices h1.max-width {
  font-size: clamp(1.5em, 1.5vw + 1.25rem, 3.5em);
  color: white;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
} 
#intro-paragraph {
  font-size:clamp(1em, 1vw + .5em, 1.5em);
  text-align: center;
  color: black;
  padding: 1em;
  border-radius: 10px;
  background-color: white; 
}
.section-title h2 {
  color: white;
  background-color: #85251A;
  font-size: 35px;
  padding: 0.3em 0;
  margin: 0;
  text-align: center;
  max-width: 100%;
}

@media (min-width: 850px) {
  #main-img {
    font-size:1.35em;
    width:calc(100vw - 106px);
  }  
}
@media (max-width: 800px) {
  #intro-paragraph {
    max-width: 100%;
  }
  .ls-welcome {
    padding: 0;
  }
}