h2 {

  margin-top: 12px;

  margin-bottom: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  float: none;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 15px;

  line-height: 28px;

  font-style: normal;

  font-weight: 300;

  text-align: center;

}

.navbar {

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  height: 96px;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  border-color: #ff6600;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  background-color: #242424;

  opacity: 1;

}

.navcontainer {

  position: static;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  display: block;

  overflow-x: visible;

  overflow-y: visible;

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-top: 0px;

  clear: none;

  font-family:"Playfair Display", Georgia, serif;

  font-weight: 600;

}

.h1 {

  margin-top: 175px;

  margin-bottom: auto;

  padding-bottom: 0px;

  font-family:"Playfair Display", Georgia, serif;

  color: white;

  font-size: 66px;

  line-height: 86px;

  font-weight: 300;

  text-align: center;

  text-decoration: none;

}

.img1 {

  position: relative;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  display: block;

  width: 100%;

  margin: 100px auto 1px;

  float: none;

  clear: both;

  opacity: 1;

}

.topbar {

  height: 10px;

  margin-bottom: 10px;

  background-color: #ff6600;

}

.navlink {

  margin-top: 25px;

  margin-left: 50px;

  padding-top: 0px;

  padding-right: 0px;

  padding-left: 18px;

  opacity: 1;

  -webkit-transition: color 500ms ease, all 100ms ease;

  transition: color 500ms ease, all 100ms ease;

  font-family:"Playfair Display", Georgia, serif;

  color: #fff;

  font-weight: 700;

  text-decoration: none;

  text-transform: uppercase;

}

.navlink:hover {

  margin-bottom: 0px;

  padding-bottom: 15px;

  border-style: none none solid;

  border-bottom-width: 3px;

  border-bottom-color: #ff6600;

  color: #9f9f9f;

  font-weight: 700;

  text-decoration: none;

  cursor: pointer;

  transition: 0.3s all;

}

.navlink.w--current {

  padding-right: 0px;

  padding-bottom: 15px;

  padding-left: 0px;

  border-style: none none solid;

  border-width: 0px 0px 4px;

  border-color: red red #ff6600;

  border-radius: 0px;

  -webkit-transition: color 100ms ease;

  transition: color 100ms ease;

  color: #c6c6c6;

  line-height: 20px;

  font-weight: 700;

  text-decoration: none;

}

.navlink.w--current:hover {

  padding-bottom: 15px;

  border-style: none none solid;

  border-width: 4px;

  border-color: #fff;

  color: #9f9f9f;

  font-weight: 700;

}

.navborder {

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  border-style: solid;

  border-width: 1px;

  border-color: black black #f1f1f1;

  opacity: 1;

}

.h3 {

  display: block;

  width: 85%;

  margin-top: 0px;

  margin-right: auto;

  margin-left: auto;

  clear: both;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 52px;

  line-height: 62px;

  font-weight: 300;

  text-align: center;

}

.txt {

  display: block;

  width: 65%;

  margin-top: 25px;

  margin-right: auto;

  margin-left: auto;

  clear: both;

  font-family:"Playfair Display", Georgia, serif;

  color: white;

  font-size: 16px;

  line-height: 28px;

  font-weight: 400;

  text-align: center;

  text-decoration: none;

}

.h4 {

  display: block;

  width: 600px;

  margin-top: 50px;

  margin-right: auto;

  margin-left: auto;

  float: none;

  clear: both;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 14px;

  font-weight: 400;

  text-align: center;

}

.divider {

  margin-top: 100px;

  margin-bottom: 50px;

  border-bottom: 1px solid #f1f1f1;

}

.contentlink {

  opacity: 1;

  font-family:"Playfair Display", Georgia, serif;

  color: #ff6600;

  text-decoration:  none;

}

.contentlink:hover {

  opacity: 1;

  color:  #fff;

  text-decoration:  none;

  transition: 0.7s ease all;

}

.twocolumn {

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  display: block;

  width: 80%;

  margin: 50px auto;

  padding-right: 50px;

  padding-left: 50px;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

}

.title {

  margin-top: 50px;

  margin-bottom: 10px;

  font-family:"Playfair Display", Georgia, serif;
  
  font-size: 26px;

  font-weight: 300;

}

.paragraph {

  margin-bottom: 5px;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

  text-align: left;

}

.listitems {

  margin-left: -19px;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

  text-align: left;

}

.leftcolumimg {

  position: static;

  right: 0px;

  bottom: 0px;

  display: block;

  max-width: 100%;

  margin-top: 10px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 0px;

  float: none;

  clear: none;

}

.persona {

  margin-top: 50px;

}

.titlecenteraligned {

  font-family:"Playfair Display", Georgia, serif;

  font-size: 30px;

  font-weight: 300;

  text-align: center;

}

.slider {

  height: 500px;

  margin-bottom: 0px;

  padding-bottom: 0px;

  background-color: #242424;

}

.mask {

  margin-top: 50px;

  margin-bottom: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

}

.leftslideicon {

  color: #e0e0e0;

}

.slidenav {

  margin-top: 0px;

  margin-bottom: -55px;

  padding-top: 0px;

}

.easyywireframe {

  width: 100%;

  margin-top: 75px;

}

.fullwidthimg {

  display: block;

  margin-top: 50px;

  margin-right: auto;

  margin-left: auto;

  clear: both;

}

.bgheroimg {

  margin-top: 150px;

  margin-left: auto;

  margin-right: auto;

  display: block;

}

.footer {

  height: 100px;

  margin-top: 75px;

  background-color: #242424;

}

.copyrightlogo {

  margin-top: 40px;

}

.contacticons {

  margin-top: 40px;

  margin-right: 12px;

  margin-left: 12px;

  float: right;

}

.introtext {

  margin-top: 150px;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 58px;

  line-height: 91px;

  font-weight: 300;

  text-align: center;

}

.h5 {

  padding-left: 15px;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 13px;

  font-weight: 600;

  color: #ff6600;

}

.textblock {

  height: 30px;

  margin-top: -6px;

  padding-top: 0px;

  padding-bottom: 0px;

  padding-left: 15px;

  font-size: 13px;

  color: #ff6600;

}

.tile {

  display: block;

  width: 70%;

  margin-top: 50px;

  margin-right: auto;

  margin-left: auto;

  clear: both;

}

.tileblock {

  /* height: 100%; */

  /* margin-bottom: 0px; */

  /* padding-bottom: 0px; */

  background-color: #f1f1f1;

}

.imagehover {

  border-bottom-width: 1px;

  opacity: 1;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

  color: #fe6501;

}

.imagehover:hover {

  background-color: #242424;

  opacity: 0.65;

  -webkit-transform: scale(0.96);

  -ms-transform: scale(0.96);

  transform: scale(0.96);

  /* background-color: red; */

}

.uxblock {

  display: block;

  width: 84%;

  margin-right: auto;

  margin-left: auto;

  float: none;

  clear: both;

}

.twcsuxcontentblock {

  width: 80%;

  padding-top: 150px;

}

.uxsection {

  margin-top: 100px;

}

.heroimage {

  display: block;

  margin-right: auto;

  margin-left: auto;

}

.twocolumncontainer {

  margin-top: 75px;

}

.divider1 {

  display: block;

  width: 20%;

  height: 25px;

  margin: 30px auto;

  padding-top: 0px;

  clear: both;

  border-style: solid;

  border-width: 0px 0px 1px;

  border-color: #9f9f9f #9f9f9f #e0e0e0;

}

.aboutdivider {

  display: block;

  width: 20%;

  margin: 50px auto;

  border-bottom: 8px solid #ff6600;

}

.itsme {

  margin-top: 200px;

}

.abouttxt {

  display: block;

  width: 90%;

  margin-top: 30px;

  margin-right: auto;

  margin-left: auto;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

  line-height: 28px;

  text-align: center;

}

.spacing {

  margin-top: 30px;

  margin-bottom: 30px;

  border-style: none;

  border-bottom-width: 0px;

  border-bottom-color: #e0e0e0;

}

.expcontainer1 {

  padding-top: 30px;

  padding-bottom: 30px;

  border-top: 1px solid #e0e0e0;

  /* border-bottom: 1px solid #e0e0e0; */

}

.expblocktext {

  padding-bottom: 14px;

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

}

.expcontainer2 {

  padding-top: 25px;

  /* padding-bottom: 25px; */

  border-bottom: 1px solid #e0e0e0;

}

.expcontainer3 {

  padding-top: 30px;

}

.linkedincontainer {

  margin-top: 50px;

  margin-bottom: 20px;

  padding-bottom: 30px;

  background-color: #fbfbfb;

  font-family:"Playfair Display", Georgia, serif;

}

.aboutlink {

  border-bottom: 1px dotted #9f9f9f;

  opacity: 1;

  -webkit-transition: all 250ms ease;

  transition: all 250ms ease;

  color: #333;

  text-decoration: none;

}

.aboutlink:hover {

  border-style: none;

  color: #9f9f9f;

}

.circleicon {

  padding-right: 25px;

  padding-left: 25px;

  border-radius: 7px;

  font-family:"Playfair Display", Georgia, serif;

  text-align: center;

}

.circleicon:hover {

  border-radius: 1px;

}

.circleiconcontainer {

  margin-top: 50px;

  padding-right: 25px;

  padding-left: 25px;

  font-family:"Playfair Display", Georgia, serif;

}

.catchuplink {

  display: block;

  margin-right: auto;

  margin-left: auto;

  clear: both;

  border-bottom: 1px none black;

  -webkit-transition: color 200ms ease;

  transition: color 200ms ease;

  text-align: center;

  text-decoration: none;

}

.catchuplink:hover {

  opacity: 1;

  color: #9f9f9f;

}

.catchupiconcontainer {

  margin-bottom: 100px;

}

.body {

  font-family:"Playfair Display", Georgia, serif;

  font-size: 14px;

  line-height: 28px;

}

.aboutmecontnet {

  font-family:"Playfair Display", Georgia, serif;

  font-size: 58px;

  line-height: 91px;

  font-weight: 300;

  text-align: center;

}

.socialicon {

  display: block;

  width: 120px;

  height: 120px;

  margin: 0px auto;

  padding: 10px;

  border: 2px solid #e0e0e0;

  border-radius: 100px;

  background-color: white;

  background-image: url('../images/twitter-circle.png');

  background-position: 0px 0px;

  background-size: cover;

  opacity: 1;

  -webkit-transform: scale(0.73);

  -ms-transform: scale(0.73);

  transform: scale(0.73);

  -webkit-transition: border-color 500ms ease;

  transition: border-color 500ms ease;

}

.socialicon:hover {

  width: 130px;

  height: 130px;

  padding: 20px;

  border-width: 6px;

  border-color: #bbb;

}

.tileimg {

  opacity: 1;

  -webkit-transition: opacity 200ms ease;

  transition: opacity 200ms ease;

}

.tileimg:hover {

  opacity: 0.6;

}

.nextbutton {

  display: block;

  padding-right: 15px;

  padding-left: 15px;

  float: none;

  border: 1px solid #ff6600;

  border-radius: 4px;

  background-color: white;

  -webkit-transition: background-color 500ms ease;

  transition: background-color 500ms ease;

  font-family:"Playfair Display", Georgia, serif;

  color: #242424;

  font-size: 12px;

  text-align: center;

  letter-spacing: 1px;

}

.nextbutton:hover {

  background-color: #ff6600;

  color: white;

}

.previousbutton {

  float: right;

  border: 1px solid #ff6600;

  border-radius: 4px;

  background-color: white;

  -webkit-transition: background-color 200ms ease;

  transition: background-color 200ms ease;

  font-family:"Playfair Display", Georgia, serif;

  color: #242424;

  font-size: 12px;

  letter-spacing: 1px;

}

.previousbutton:hover {

  background-color: #ff6600;

  color: white;

}

.pagination {

  display: block;

  width: 440px;

  margin-top: 50px;

  margin-right: auto;

  margin-left: auto;

  float: none;

  clear: both;

  font-family:"Playfair Display", Georgia, serif;

}

.homebutton {

  display: block;

  width: 64px;

  margin-right: auto;

  margin-left: auto;

  clear: both;

  border: 1px solid #ff6600;

  border-radius: 4px;

  background-color: transparent;

  -webkit-transition: background-color 500ms ease;

  transition: background-color 500ms ease;

  color: white;

  font-size: 12px;

  text-align: center;

}

.homebutton:hover {

  background-color: #ff6600;

}

.challenge {

  display: block;

  width: 75%;

  margin-right: auto;

  margin-left: auto;

}

.leftedge {

  display: block;

  width: 224px;

  margin-top: 350px;

  margin-right: auto;

  margin-left: 0px;

  padding-left: 0px;

  float: left;

}

.rightedge {

  width: 196px;

  margin-top: 175px;

  margin-right: auto;

  padding-right: 0px;

  float: right;

}

.expertise {

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

  font-weight: 600;

  text-align: left;

}

.expertisetxt {

  font-family:"Playfair Display", Georgia, serif;

  font-size: 16px;

  line-height: 22px;

  text-align: left;

}

.expertiseicon {

  display: block;

  height: 48px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 175px;

  float: none;

  clear: none;

}

.saladimg {

  display: block;

  margin-right: auto;

  margin-left: auto;

  clear: none;

}

html.w-mod-js *[data-ix="protitlefadedown"] {

  opacity: 0;

  -webkit-transform: translate(0px, -10px);

  -ms-transform: translate(0px, -10px);

  transform: translate(0px, -10px);

}

html.w-mod-js *[data-ix="fadedown-2"] {

  opacity: 0;

  -webkit-transform: translate(0px, -9px);

  -ms-transform: translate(0px, -9px);

  transform: translate(0px, -9px);

}

html.w-mod-js *[data-ix="imagefadedown"] {

  opacity: 0;

  -webkit-transform: translate(0px, -18px);

  -ms-transform: translate(0px, -18px);

  transform: translate(0px, -18px);

}

html.w-mod-js *[data-ix="navbar-fadein"] {

  opacity: 0;

}

html.w-mod-js *[data-ix="onscrollfadein"] {

  opacity: 0;

}

html.w-mod-js *[data-ix="responsiveweb"] {

  opacity: 0;

  -webkit-transform: translate(0px, 100px);

  -ms-transform: translate(0px, 100px);

  transform: translate(0px, 100px);

}

html.w-mod-js *[data-ix="homeimgfadedowm1"] {

  opacity: 0;

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}

html.w-mod-js *[data-ix="homeimgfadedowm-2"] {

  opacity: 0;

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}

html.w-mod-js *[data-ix="homeimgfadedowm-3"] {

  opacity: 0;

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}

html.w-mod-js *[data-ix="homeimgfadedowm-4"] {

  opacity: 0.15;

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}

html.w-mod-js *[data-ix="homeimgfadedowm-5"] {

  opacity: 0;

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}

html.w-mod-js *[data-ix="homeimgfadedowm-6"] {

  opacity: 0.03;

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

}

html.w-mod-js *[data-ix="fadedownonscroll"] {

  opacity: 0;

  -webkit-transform: translate(0px, -45px);

  -ms-transform: translate(0px, -45px);

  transform: translate(0px, -45px);

}

@media (max-width: 991px) {

  .h1 {

    font-family: Roboto, sans-serif;

    font-size: 66px;

  }

  .img1 {

    width: 100%;

  }

  .navlink {

    margin-left: auto;

  }

  .navlink:hover {

    border-style: none;

  }

  .navlink.w--current {

    display: block;

    width: 100%;

    margin-top: 5px;

    margin-right: auto;

    margin-left: auto;

    padding-top: 15px;

    padding-left: 0px;

    clear: both;

    border-style: none;

    background-color: transparent;

  }

  .navlink.w--current:hover {

    border-style: none;

  }

  .dropdownmenu {

    background-color: #242424;

  }

  .menubutton {

    background-color: transparent;

  }

  .menubutton.w--open {

    background-color: #242424;

  }

  .menuicon {

    background-color: transparent;

    color: #333;

    font-size: 38px;

  }

  .h3 {

    width: 80%;

  }

  .txt {

    width: 80%;

    font-size: 14px;

  }

  .divider {

    margin-top: 75px;

  }

  .twocolumn {

    width: 98%;

  }

  .title {

    margin-top: 0px;

  }

  .paragraph {

    font-size: 14px;

    line-height: 24px;

  }

  .listitems {

    font-size: 14px;

    line-height: 24px;

  }

  .slider {

    height: 352px;

  }

  .easyywireframe {

    margin-top: 50px;

  }

  .textblock {

    height: 30px;

  }

  .tile {

    width: 98%;

  }

  .uxblock {

    width: 96%;

  }

  .twcsuxcontentblock {

    width: 100%;

    padding-top: 50px;

  }

  .leftedge {

    width: 150px;

    margin-top: 10px;

  }

  .rightedge {

    width: 100px;

    margin-top: 150px;

  }

  .expertiseicon {

    padding-right: 0px;

  }

  .saladimg {

    width: 353px;

    max-width: 100%;

  }

}

@media (max-width: 479px) {

  h2 {

    margin: 30px 10px 25px;

    padding-top: 0px;

    padding-bottom: 0px;

  }

  .h1 {

    height: 100px;

    margin: 150px 10px 0px 9px;

    padding-bottom: 0px;

    font-size: 42px;

    line-height: 69px;

  }

  .img1 {

    margin-top: 25px;

  }

  .navlink {

    margin-top: 0px;

    margin-left: 0px;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 10px;

    border-style: none;

  }

  .navlink:hover {

    border-style: none;

  }

  .navlink.w--current {

    margin-right: 0px;

    margin-left: 0px;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 10px;

    border-style: none;

    border-width: 1px 0px;

    border-color: #f1f1f1 #f7f7f7 #f1f1f1 #9f9f9f;

    background-color: transparent;

    opacity: 1;

    -webkit-transition: none 100ms ease;

    transition: none 100ms ease;

    color: #9f9f9f;

  }

  .navlink.w--current:hover {

    border-style: none;

  }

  .dropdownmenu {

    background-color: #242424;

  }

  .menubutton.w--open {

    border: 1px none black;

  }

  .menuicon {

    font-size: 38px;

  }

  .h3 {

    width: 80%;

    font-size: 28px;

    line-height: 45px;

  }

  .txt {

    width: 80%;

    margin-top: 25px;

  }

  .h4 {

    width: 80%;

  }

  .divider {

    margin-top: 50px;

    margin-bottom: 25px;

  }

  .twocolumn {

    padding-right: 0px;

    padding-left: 0px;

  }

  .title {

    width: 80%;

    margin-top: 0px;

    margin-left: 25px;

    font-size: 26px;

  }

  .paragraph {

    width: 80%;

    margin-bottom: 5px;

    margin-left: 25px;

    font-size: 14px;

  }

  .listitems {

    font-size: 14px;

  }

  .leftcolumimg {

    display: block;

    margin: auto auto 22px;

    clear: both;

  }

  .persona {

    display: block;

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    clear: both;

  }

  .titlecenteraligned {

    margin-top: 20px;

    margin-right: 10px;

    margin-left: 10px;

    font-size: 22px;

  }

  .slider {

    height: 200px;

    padding-right: 12px;

    padding-left: 12px;

  }

  .slidenav {

    margin-bottom: auto;

  }

  .easyywireframe {

    display: block;

    width: 90%;

    margin-top: 50px;

    margin-right: auto;

    margin-left: auto;

    clear: both;

  }

  .bgheroimg {

    margin-top: 100px;

  }

  .footer {

    height: 88px;

    margin-top: 40px;

  }

  .footercontainer {

    background-color: #242424;

  }

  .contacticons {

    margin-top: 48px;

    margin-bottom: 13px;

    margin-left: 6px;

    float: none;

  }

  .introtext {

    font-size: 44px;

    line-height: 70px;

  }

  .tile {

    width: 98%;

    margin-top: 0px;

    margin-bottom: 0px;

    padding-bottom: 0px;

  }

  .tileblock {

    margin-bottom: 25px;

  }

  .twcsuxcontentblock {

    padding-bottom: 50px;

  }

  .catchuplink {

    margin-bottom: 25px;

  }

  .aboutmecontnet {

    margin-right: 10px;

    margin-left: 10px;

    font-size: 30px;

    line-height: 56px;

  }

  .nextbutton {

    width: 100%;

    margin-top: 12px;

    text-align: center;

  }

  .previousbutton {

    width: 100%;

    float: left;

    text-align: center;

  }

  .pagination {

    width: 100%;

    clear: none;

  }

  .homebutton {

    width: 100%;

    margin-top: 12px;

    float: left;

    clear: none;

  }

  .leftedge {

    margin-top: 50px;

  }

  .rightedge {

    margin-top: 25px;

  }

  .expertise {

    margin-bottom: 0px;

    text-align: center;

  }

  .expertisetxt {

    margin-bottom: 30px;

    text-align: center;

  }

  .saladimg {

    width: 170px;

  }

}

#myBtn {

  display: none;

  position: fixed;

  bottom: 20px;

  right: 30px;

  z-index: 1003;

  font-size: 18px;

  border: none;

  outline: none;

  background-color: #ff6600;

  color: white;

  cursor: pointer;

  padding: 10px;

  border-radius: 4px;

  opacity: 0.75;

}



#myBtn:hover {

  background-color: #555;

  transition:  all 0.4s ease-in-out;

  -webkit-transition:  all 0.4s ease-in-out;

  cursor: pointer;

}

/*hamburger*/

.hamburger .line{

  width: 30px;

  height: 3px;

  background-color: #ff6600;

  display: block;

  margin: 8px auto;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  pointer-events: none;

}

.hamburger:hover{

  cursor: pointer;

}

#hamburger-6.is-active{

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition-delay: 0.6s;

  -o-transition-delay: 0.6s;

  transition-delay: 0.6s;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



#hamburger-6.is-active .line:nth-child(2){

  width: 0px;

}



#hamburger-6.is-active .line:nth-child(1),

#hamburger-6.is-active .line:nth-child(3){

  -webkit-transition-delay: 0.3s;

  -o-transition-delay: 0.3s;

  transition-delay: 0.3s;

}



#hamburger-6.is-active .line:nth-child(1){

  -webkit-transform: translateY(13px);

  -ms-transform: translateY(13px);

  -o-transform: translateY(13px);

  transform: translateY(13px);

}



#hamburger-6.is-active .line:nth-child(3){

  -webkit-transform: translateY(-10px) rotate(90deg);

  -ms-transform: translateY(-10px) rotate(90deg);

  -o-transform: translateY(-10px) rotate(90deg);

  transform: translateY(-10px) rotate(90deg);

}



a.w-nav-link.navlink::selection, h2::selection, h1.introtext::selection, h1.titlecenteraligned::selection, .abouttxt::selection, h1.aboutmecontnet::selection, h1.expertise::selection, p.expertisetxt::selection, li.listitems::selection, h1.aboutmecontnet::selection, .txt::selection {

    background-color: rgba(255, 102, 0, 0.99);

    color: #000;

}