@font-face {
  font-family: myHelveticaNeue;
  src: local("Helvetica Neue"),
       local("HelveticaNeue"),
       url(HelveticaNeueLight.ttc);
}

* {

  font-family: myHelveticaNeue, "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;

}


.bg-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(214, 214, 214);
  z-index: 0;
  transition: all 350ms ease;
  opacity: 0.8;
  visibility: hidden;
  pointer-events: none;


}

.reveal {
  opacity: .97;
  display: block;
  pointer-events: auto;
  visibility: visible;
  backdrop-filter: blur(5vw)
}

.hamburger-shell {
  margin: 0;
  position: fixed;
  overflow: hidden;
  width: 4vw;
  height: 5.3vw;
  overflow: auto;
  left: calc(100% - 8.7vw);
  top: 2.8vw;
  cursor: pointer;
  z-index: 999;
}

.top, .middle {
  position: absolute;
  width: 3.829vw;
  height: 0.33vw;
  background-color: rgb(140, 140, 140);
  transition: all 350ms ease-in-out;
  top: 1.0416vws;
}

.middle {
  top: 1.2vw;
}

#menu {
  position: fixed;
  left: calc(100% - 292px);
  top: 1vw;
  color: black;
  display: none;
  margin: 120px 30px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: 100;
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  padding: 24px;
  width: 200px;
  text-align: right;

}

#menu a li {
  text-decoration: none!important;
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgb(126, 126, 126);
  list-style: none;
  color: rgb(43, 43, 43);
  transition: all 150ms ease;
}

#menu a li:hover {
  color: #00abff;
  padding-right: 3px;
}

#menu a li:hover:after {
}



#menu a {
  text-decoration: none;
}

.rotate {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  top: 1.5625vw;
  background-color: rgb(0, 0, 0);
  height: 0.1042vw;
}

.rotate-back {
  transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  top: 1.5625vw;
  background-color: rgb(0, 0, 0);
  height: 0.1042vw;
}

.top {
-webkit-animation-delay: 100ms;
}

.middle {
-webkit-animation-delay: 250ms;
}

.bottom {
  -webkit-animation-delay: 400ms;
}

.menu-name {
  font-family: Verdana;
  font-weight: 900;
  color: rgb(140, 140, 140);
  font-size: 1.1825vw;
  text-decoration: none;
  position: absolute;
  top: 2.1vw;
  left: -0.05208px;
  transition: all 350ms;
}

.bump {
  top: 3.333vw;
  color: rgb(0, 0, 0);
}

#logo_img {
  position: absolute;
  display: block;
  max-width:30%;
  max-height:30%;
  width: auto;
  height: auto;
  top: 6vw;
  left: 10%;
  z-index: -1;
}

#first_writing {
  position: absolute;
  display: block;
  font-size: 3.2vw;
  color: rgb(20, 101, 121);
  font-weight: 700;
  width: 40%;
  right: 20%;
  top: 14.4vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
}

#first_container #first_img {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0;
  top: 55vw;
  z-index: -1;
}



#second_writing {
  position: absolute;
  display: block;
  font-size: 5.6vw;
  color: rgb(0, 0, 0);
  font-weight: 700;
  width: 35%;
  left: 15%;
  top: 105vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
}

#third_writing {
  position: absolute;
  display: block;
  font-size: 3.35vw;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 43%;
  left: 39%;
  top: 113.5vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
  
}

#first_container #first_img_about {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0;
  top: 40vw;
  z-index: -1;
}

#A_pioneering_boutique_practice {
  position: absolute;
  display: block;
  font-size: 5.6vw;
  color: rgb(0, 0, 0);
  font-weight: 700;
  width: 35%;
  left: 15%;
  top: 97vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 90%;
}

#Looking_back_title {
  position: absolute;
  display: block;
  font-size: 3.35vw;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 43%;
  left: 39%;
  top: 111vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
  
}

#Looking_back_text {
  font-family: sans-serif;
  position: absolute;
  display: block;
  font-size: 1.5vw;
  color: rgb(90, 90, 90);
  font-weight: 0;
  width: 43%;
  left: 39%;
  top: 117vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 150%;
  
}

#Moving_forward_title {
  position: absolute;
  display: block;
  font-size: 3.35vw;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 43%;
  left: 39%;
  top: 162vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
  
}

#Moving_forward_text {
  font-family: sans-serif;
  position: absolute;
  display: block;
  font-size: 1.5vw;
  color: rgb(90, 90, 90);
  font-weight: 0;
  width: 43%;
  left: 39%;
  top: 168vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 150%;
    
  }



#first_container #second_img_about {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0;
  top: 205vw;
  z-index: -1;
}

#Our_people {
  position: absolute;
  display: block;
  font-size: 5.6vw;
  color: rgb(0, 0, 0);
  font-weight: 700;
  width: 35%;
  left: 15%;
  top: 260vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 90%;
}

#We_are_a_dedicated {
  position: absolute;
  display: block;
  font-size: 3.35vw;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 43%;
  left: 39%;
  top: 268vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
}

#first_container #team_section_row1 {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0px;
  margin-top: 310vw;
  z-index: -1;
}

#first_container #team_section_row2 {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0px;
  margin-top: 340vw;
  z-index: -1;
}

#first_container #team_section_row3 {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0px;
  margin-top: 370vw;
  z-index: -1;
}

#first_container #team_section_row4 {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0px;
  margin-top: 400vw;
  z-index: -1;
}


.team_name {
  position: absolute;
  display: block;
  font-size: 1.5vw;
  color: rgb(20, 101, 121);
  font-weight: 700;
  width: 100%;
  margin-left: 0;
  margin-top: 1vw;
  padding: 0 0px;
  z-index: -1;
  line-height: 110%;
}

.title {
  position: absolute;
  display: block;
  font-size: 1.2vw;
  color: rgb(97, 97, 97);
  font-weight: 500;
  width: 100%;
  margin: 0;
  margin-top: 3vw;
  padding: 0px;
  z-index: -1;
  line-height: 110%;
}

.card {
  padding: 0px;
  margin: 0px;
  border: hidden;
}



/* Create three equal columns that sits next to each other */
.column {
  flex: 33.3%;
  max-width: 33.33%;
  padding: 0 10px;
  display: block;
  margin: 0px;
}


#Our_clients {
  position: absolute;
  display: block;
  font-size: 5.6vw;
  color: rgb(0, 0, 0);
  font-weight: 700;
  width: 35%;
  left: 15%;
  top: 435vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 90%;
}

#clients_text {
  position: absolute;
  display: block;
  font-size: 3.35vw;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 43%;
  left: 39%;
  top: 444vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
}

#first_container #clients_img_about {
  position: absolute;
  display: block;
  max-width: 70%;
  height: auto;
  left: 15%;
  margin: 0;
  top: 475vw;
  z-index: -1;

}





.container-1 div {
  position: relative;
  top: 550vw;
  max-width: 100%;
  left: 15%;
  z-index: -1;


}

.column-1, .column-2 {
  flex:1;
  width: 100%;
  position: relative;
  z-index: -1;
  padding:10px;
}

.container-1 {
  display: flex;
  z-index: -1;

}

#Notable_individuals_title {
  position: absolute;
  display: block;
  font-size: 3vw;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 43%;
  left: 15%;
  top: 545vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
  
}

#client_name {

  font-size: 2vw;
  color: rgb(56, 56, 56);
  font-weight: 500;
  width: 100%;
  margin: 0;
  z-index: -1;
  line-height: 150%;
  
  
}


__


 #fifth_hr {
  color: black;
  background-color: black;
  border: 0.01vw solid black;
  height: 0.04vw !important;
  width: 70%;
  left: 12%;
  padding: 0;
  margin-top: 18.3vw;
}

#logo_img_bottom {
  position: absolute;
  display: block;
  max-width: 15%;
  max-height: 17%;
  width: auto;
  height: auto;
  top: 590vw;
  left: 14%;
  z-index: -1;
}

.hyperlink {
  text-decoration: none;
  color: rgb(0, 112, 240);
}

#footer_section {
  position: relative;
  background-color: black;
  padding-top: 100px;
  padding-bottom: 0;
  top: 570vw;
  left: 0;
  right: 0;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 0;
  border: 0 0;
  z-index: -3;
  overflow: hidden;
}

#copyright_text {
  position: absolute;
  font-size: 1.3vw;
  color: white;
  font-weight: 200;
  width: 60%;
  left: 15%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  z-index: -1;
  line-height: 110%;
  padding: 10px 0;

}


.fa {
  background-color: black;
  padding: 6px;
  max-width: 50%;
}

#fourth_container ul li {
  padding: 3.5px;
  display: inline-block;
  color: white;
}


#fourth_container ul {
  padding: 15px 0;
  position: absolute;
  right: 14.2vw;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  
}

@media only screen and (max-width: 500px) {

  #A_pioneering_boutique_practice {
    width: 50%;
    top: 95vw;
  }

  #Looking_back_title {
    font-size: 4vw;
    left: 15%;

  }
  #Looking_back_text { 
     font-size: 3.3vw !important;
     width: 70%;
     left:15%;
  }

  #Moving_forward_title {
    font-size: 4vw;
    left: 15%;
    top: 240vw;
 
  }

  #Moving_forward_text { 
    font-size: 3.3vw;
    width: 70%;
    left:15%;
    top:250vw;
 }
 #first_container #second_img_about {
    position: absolute;
    display: block;
    max-width: 70%;
    height: auto;
    left: 15%;
    margin: 0;
    top: 340vw;
    z-index: -1;
}
#Our_people {
   top: 395vw;
}

#We_are_a_dedicated {
  top: 405vw;
}

#first_container #team_section_row1 {
  margin-top: 440vw;
}

#first_container #team_section_row2 {
  margin-top: 480vw;
}

#first_container #team_section_row3 {
  margin-top: 520vw;
}

#first_container #team_section_row4 {
  margin-top: 560vw;
}

.team_name {
  position: absolute;
  display: block;
  font-size: 10px;
  color: rgb(20, 101, 121);
  font-weight: 700;
  width: 200%;
  margin: 0;
  margin-top: 1vw;
  padding: 0px;
  z-index: -1;
  line-height: 110%;
}

.title {
  position: absolute;
  display: block;
  font-size: 9px;
  color: rgb(97, 97, 97);
  font-weight: 500;
  width: 100%;
  margin: 0;
  margin-top: 4vw;
  padding: 0px;
  z-index: -1;
  line-height: 110%;
}

#Our_clients {
  top: 600vw;
}

#clients_text {
  top: 610vw;

}

#first_container #clients_img_about {
  top:640vw;
}

.container-1 div {
  position: relative;
  top: 720vw;
  max-width: 100%;
  left: 15%;
  z-index: -1;


}

.container-1 {
  display: block;
  z-index: -1;

}



#Notable_individuals_title {
  position: absolute;
  display: block;
  font-size: 24px;
  color: rgb(50, 149, 177);
  font-weight: 700;
  width: 100%;
  left: 17%;
  top: 710vw;
  margin: 0;
  padding: 0;
  z-index: -1;
  line-height: 110%;
  
}

#client_name {

  font-size: 16px;
  color: rgb(56, 56, 56);
  font-weight: 500;
  width: 100%;
  margin: 0;
  z-index: -1;
  line-height: 150%;
  
}

#logo_img_bottom {
  position: absolute;
  display: block;
  max-width: 35%;
  max-height: 17%;
  width: auto;
  height: auto;
  top: 855vw;
  left: 14%;
  z-index: -1;
}



#footer_section {
  position: relative;
  background-color: black;
  padding-top: 30px;
  padding-bottom: 0;
  top: 740vw;
  left: 0;
  right: 0;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 0;
  border: 0 0;
  z-index: -1;
  overflow: hidden;
}

.fa {
  background-color: black;
  padding: 0px;
  
} }