body {
  overflow-x: visible;
  overflow-y: visible;
  height: 100%;
  background-color: white;
  font-family:calibri;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  display: block;
  margin-top: 16px;
  clear: none;

  color: white;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}
h2 {
  margin-top: 16px;

  color: white;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px;
}
h3 {
  margin-bottom: 25px;
  padding-left: 100px;

  color: white;
  font-size: 17px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 43px;
  font-family: Varela, sans-serif;
  color: white;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}
.button {
  display: inline-block;
  margin-top: 53px;
  padding: 8px 23px;
  border: 1px solid white;
  border-radius: 3px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  color: white;
  text-align: center;
  text-decoration: none;
}
.button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button.rightbitn {
  margin-left: 30px;
}
.button.in-dev {
  border-color: rgba(255, 255, 255, 0.49);
}
.button.in-dev:hover {
  background-color: transparent;
}
.block1 {
  display: block;
  height: 100%;
  background-color: #A53692;
  text-align: center;
}
.block2 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #FFCC2A!important;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block2:hover {
  background-color: #5E5C5D;
}
.block3 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #A9CF46;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block3:hover {
  background-color: #5E5C5D;
}
.block4 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #EE2F5A;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block4:hover {
  background-color: #5E5C5D;
  color: #363636;
}
.block4.branding {
  background-color: #943b3b;
}
.block4.branding:hover {
  background-color: #75bd3f;
}
.block5 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #585570;
  opacity: 1;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block5:hover {
  background-color: #5E5C5D;
}
.block6 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #5CA57A;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block6:hover {
  background-color: #5E5C5D;
}
.block7 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #F58634;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block7:hover {
  background-color: #5E5C5D;
}
.block8 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #009DC8;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block8:hover {
  background-color: #5E5C5D;
}
.block9 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #A35E4E;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.block9:hover {
  background-color: #5E5C5D;
}
.row1 {
  height: 33.333%;
}
.row2 {
  height: 33.333%;
}
.row3 {
  height: 33.334%;
}
.logo {
  display: block;
  margin-right: auto;
  margin-left: auto;
  clear: none;
}
.main-column {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #00b6ff;
}
.main-column.main-column-about {
  overflow-x: hidden;
  overflow-y: hidden;
  height: auto;
}
.main-column.main-column-about.sup {
  position: relative;
  left: 0px;
  top: 60%;
  right: 0px;
  bottom: 0px;
  overflow-x: visible;
  overflow-y: visible;
  background-color: #e8321f;
  -webkit-transform: translate(0px, -20%);
  -ms-transform: translate(0px, -20%);
  transform: translate(0px, -20%);
}
.main-column.main-column-about.sup.about-background {
  background-color: #00b6ff;
}
.main-column.main-column-about.contactme {
  top: 48%;
  overflow-x: visible;
  overflow-y: visible;
  background-color: #ffc41a;
}
.main-column.accolades {
  background-color: #ff7b0f;
}
.top-row {
  height: 100%;
}
.top-row.myclients-background {
  background-color: #75bd3f;
}
.top-row.sup-background {
  display: block;
  background-color: #e8321f;
}
.top-row.contact-me-background {
  background-color: #ffc41a;
}
.sidebar {
  height: 100%;
  background-color: #363636;
  color: #b3b3b3;
}
.sidebar.aboutsidebar {
  background-color: #00aef7;
}
.sidebar.myclients-sidebar {
  background-color: #68b032;
}
.sidebar.accolades-sidebar {
  background-color: #f77307;
}
.sidebar.sup-sidebar {
  background-color: #db2512;
}
.sidebar.contact-me-sidebar {
  background-color: #f2b70d;
}
.sidebar-content {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
.nav {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Titillium Web', sans-serif;
  color: #5a5a5a;
  font-size: 11px;
  line-height: 43px;
  text-align: center;
}
.nav:hover {
  color: #858585;
}
.nav-dark-bg {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #5a5a5a;
  text-decoration: none;
}
.nav-dark-bg:hover {
  color: #858585;
}
.nav-dark-bg.w--current {
  color: #858585;
}
.nav-dark-bg.current-pg-override {
  color: #858585;
}
.blockhover {
  display: block;
  height: 100%;
  background-color: #3b3b3b;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.blockhover:hover {
  opacity: 1;
}
.blockhover._1h {
  background-color: #00b6ff;
 
}
.blockhover._2 {
  background-color: #ffc41a;
 
}

.logo{width:100px;}

.blockhover.homehover {
  background-image: url('../images/user1.png');
}
.blockhover.homeblock3hover {
  background-image: url('../images/bulb1.png');
}
.blockhover.home4hover {
  background-image: url('../images/hand1.png');
}
.blockhover.home5hover {
  background-image: url('../images/brain1.png');
}
.blockhover.home6hover {
  background-image: url('../images/paicom1.png');
}
.blockhover.home7hover {
  background-image: url('../images/speaker1.png');
}
.blockhover.home8hover {
  background-image: url('../images/plane1.png');
}
.blockhover.home9hover {
  background-image: url('../images/mail1.png');
}
.blockrest {
  height: 100%;
  background-color: whitesmoke;
  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 500ms ease, margin-bottom 500ms ease;
  transition: background-color 500ms ease, margin-bottom 500ms ease;
}

.blockrest.home2 {
  background-color: #FFCC2A;
  background-image: url('../images/user.png');
}
.blockrest.home3rest {
  background-color: #A9CF46;
  background-image: url('../images/bulb.png');
}
.blockrest.home4rest {
  background-color: #EE2F5A;
  background-image: url('../images/hand.png');
}
.blockrest.home5rest {
  background-color: #585570;
  background-image: url('../images/brain.png');
}
.blockrest.home6rest {
  background-color: #5CA57A;
  background-image: url('../images/paicom.png');
}
.blockrest.home7rest {
  background-color: #F58634;
  background-image: url('../images/speaker.png');
}
.blockrest.home8rest {
  background-color: #009DC8;
  background-image: url('../images/plane.png');
}
.blockrest.home9rest {
  background-color: #A35E4E;
  background-image: url('../images/mail.png');
}
.block-contents {
  position: relative;
  top: 90%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -90%);
  -ms-transform: translate(0px, -90%);
  transform: translate(0px, -90%);
  line-height: 0px;
  text-decoration: none;
}
.block-contentsl{position: relative;
  top: 50%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  line-height: 20px;
  text-decoration: none;}
.body-about {
  background-color: #00b6ff;
}
.label {
  position: static;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition-delay: initial;
  transition-delay: initial;
  font-family: 'Titillium Web', sans-serif;
  color: white;
  font-size: 16px;
  line-height: 500%;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
}
.branding {
  background-color: white;
}
.branding.main-column-2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.portfoliolinkblock {
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.nav-blue {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #6bd5ff;
  text-decoration: none;
}
.nav-blue:hover {
  color: white;
}
.nav-blue.w--current {
  color: #fcfeff;
}
.nav-blue.w--current:hover {
  color: white;
}
.nav-blue.w--current:focus {
  color: white;
}
.smallerheadline {
  font-family:'Quebec serial', sans-serif;
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
}
.nav-green {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #7fcf45;
  text-decoration: none;
}
.nav-green:hover {
  color: white;
}
.nav-green.w--current {
  color: white;
}
.h4 {
  font-family: Bariol, sans-serif;
  font-size: 19px;
  font-weight: 200;
}
.biggerh3 {
  margin-bottom: 25px;
  padding-left: 0px;
  color: white;
  font-size: 23px;
  text-align: center;
}
.biggerh3.extra-subhead-padding {
  margin-bottom: 45px;
}
.italtype {
  font-family: Bariol, sans-serif;
  font-size: 14px;
  line-height: 23px;
  font-weight: 200;
}
.nav-orange {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #ff9745;
  text-decoration: none;
}
.nav-orange:hover {
  color: white;
}
.nav-orange.w--current {
  color: white;
}
.nav-red {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #ff5745;
  text-decoration: none;
}
.nav-red:hover {
  color: white;
}
.nav-red.w--current {
  color: white;
}
.bodycopy2 {
  min-height: 190px;
  padding-bottom: 41px;
  font-family: Varela, sans-serif;
  color: white;
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  text-align: center;
}
.links {
  color: white;
  text-decoration: none;
}
.links:hover {
  color: white;
  text-decoration: underline;
}
.nav-yellow {
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #ffce3d;
  text-decoration: none;
}
.nav-yellow:hover {
  color: white;
}
.nav-yellow.w--current {
  color: white;
}
.sidebar-2 {
  background-color: #3b3b3b;
}
.sidebar-2.link-1 {
  position: fixed;
  z-index: 1;
}
.sidebar-2.link-2 {
  position: fixed;
  z-index: 1;
  display: block;
}
.sidebar-2-link {
  position: relative;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.sidebar-2-link-text {
  position: absolute;
  top: 50%;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  font-family:'Quebec serial', sans-serif;
  color: #868686;
  font-size: 12px;
  text-transform: uppercase;
}
.sidebar-2-image {
  opacity: 0.2;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.sidebar-2-image:hover {
  opacity: 0.35;
}
.portfolio-text-top {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 21%;
  padding-bottom: 327px;
  padding-left: 21%;
  background-color: #4884d5;
  text-align: center;
}
.portfolio-text-top._00b6ff {
  background-color: #00b6ff;
}
.portfolio-text-top.e0a422 {
  background-color: #e0a422;
}
.portfolio-text-top._634b82 {
  background-color: #634b82;
}
.portfolio-text-top._00c6ad {
  background-color: #00c6ad;
}
.portfolio-text-top._5480ae {
  background-color: #5480ae;
}
.portfolio-text-top._75bd3f {
  background-color: #75bd3f;
}
.portfolio-text-top.ff6e84 {
  background-color: #ff6e84;
}
.portfolio-text-top.ad8d3c {
  background-color: #ad8d3c;
}
.portfolio-text-top._3bba9f {
  background-color: #3bba9f;
}
.portfolio-text-top._60c567 {
  background-color: #60c567;
}
.portfolio-text-top._375fd4 {
  background-color: #375fd4;
}
.portfolio-text-top.f58f21 {
  background-color: #f58f21;
}
.portfolio-text-top.ff5a79 {
  background-color: #ff5a79;
}
.portfolio-text-top._4cb6cf {
  background-color: #4cb6cf;
}
.portfolio-text-top.b2bc00 {
  background-color: #b2bc00;
}
.portfolio-top-bg {
  position: static;
  left: 0px;
  top: 0px;
  display: block;
  float: none;
  background-color: #f2f2f2;
}
.portfolio-top-bg._75db3f {
  background-color: #ebebeb;
}
.portfolio-top-bg._00c6ad {
  background-color: #00c6ad;
}
.portfolio-top-bg._60c567 {
  background-color: #60c567;
}
.portfolio-top-bg.ebebeb {
  background-color: #ebebeb;
}
.portfolio-top-bg.f58f21 {
  background-color: #f58f21;
}
.portfolio-top-bg._4cb6cf {
  background-color: #4cb6cf;
}
.text-top-padding {
  padding-top: 101px;
  padding-bottom: 66px;
  font-family: NewBariol, sans-serif;
  color: white;
  font-size: 20px;
  line-height: 35px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0px;
}
.portfolio-heading {
  font-family:'Quebec serial', sans-serif;
  color: white;
  font-size: 23px;
  letter-spacing: 1px;
}
.portfolio-images {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 12%;
  padding-left: 12%;
}
.portfolio-images.all-but-first {
  padding-top: 60px;
}
.portfolio-image-div {
  margin-top: -263px;
}
.specialty {
  position: static;
  display: block;
  padding-left: 19px;
  float: left;
  clear: none;
  font-family: NewBariol, sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.specialty-icon {
  display: block;
  margin-right: -27px;
  margin-left: -27px;
  float: left;
  clear: both;
  text-align: right;
}
.specialty-column {
  display: inline-block;
  padding-right: 30px;
  padding-left: 30px;
  text-align: left;
}
.specialty-block.move-right {
  margin-left: 23px;
}
.portfolio-button {
  background-color: transparent;
  font-family:'Quebec serial', sans-serif;
  letter-spacing: 1px;
}
.portfolio-button.in-dev-2 {
  color: rgba(255, 255, 255, 0.49);
}
.footer {
  display: block;
  margin-top: -197px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 238px;
  padding-bottom: 0px;
  background-color: transparent;
  text-align: center;
}
.footer._00b6ff {
  background-color: #00b6ff;
}
.footer._00b6ff._54808e {
  background-color: #5480ae;
}
.footer.e0a422 {
  background-color: #e0a422;
}
.footer._634b82 {
  background-color: #634b82;
}
.footer._00c6ad {
  background-color: #00c6ad;
}
.footer._4884d5 {
  background-color: #4884d5;
}
.footer._75bd3f {
  background-color: #75bd3f;
}
.footer.ff6e84 {
  background-color: #ff6e84;
}
.footer.ad8d3c {
  background-color: #ad8d3c;
}
.footer._3bba9f {
  background-color: #3bba9f;
}
.footer._375fd4 {
  background-color: #375fd4;
}
.footer.f58f21 {
  background-color: #f58f21;
}
.footer.ff5a79 {
  background-color: #ff5a79;
}
.footer._4cb6cf {
  background-color: #4cb6cf;
}
.footer.b2bc00 {
  background-color: #b2bc00;
}
.footer-btn {
  padding-right: 21%;
  padding-bottom: 88px;
  padding-left: 21%;
}
.folder-block {
  position: fixed;
  left: 15%;
  right: 0%;
  bottom: 0px;
  clear: none;
  text-align: center;
}
.folder-block.tablet.mobile {
  left: 12%;
  display: block;
}
.contact-icon {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  bottom: 0px;
  padding-right: 8%;
  padding-left: 8%;
  -webkit-transform: translate(0px, -64%);
  -ms-transform: translate(0px, -64%);
  transform: translate(0px, -64%);
  text-align: center;
}
.contact-icon.clients-content-position {
  top: 54%;
}
.center-icon {
  padding-right: 59px;
  padding-left: 59px;
}
.center-icon:hover {
  opacity: 0.57;
}
.contact-icons {
  overflow-x: visible;
  overflow-y: visible;
  margin-right: 33px;
  margin-left: 33px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-icons:hover {
  opacity: 0.55;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.sup {
  display: block;
  background-color: #75bd3f;
  text-align: center;
}
.sup-text {
  padding-left: 59px;
  font-family: Varela, sans-serif;
  color: white;
  font-size: 13px;
  line-height: 22px;
  text-align: left;
}
.sup-text.sup-tablet {
  margin-bottom: 30px;
  font-family: Varela, sans-serif;
  font-weight: 400;
  text-align: left;
}
.sup-text.sup-tablet.my-clients-justification {
  padding-right: 19px;
  padding-left: 19px;
  text-align: center;
}
html.w-mod-js *[data-ix="icon-hover-effect"] {
  opacity: 1;
}
html.w-mod-js *[data-ix="load-content"] {
  opacity: 0;
}
html.w-mod-js *[data-ix="move-badger"] {
  opacity: 0;
  -webkit-transform: translate(-41px, 0px);
  -ms-transform: translate(-41px, 0px);
  transform: translate(-41px, 0px);
}
html.w-mod-js *[data-ix="badger-hover-effect"] {
  opacity: 0;
  -webkit-transform: translate(-35px, 0px);
  -ms-transform: translate(-35px, 0px);
  transform: translate(-35px, 0px);
}
html.w-mod-js *[data-ix="move-from-bottom"] {
  opacity: 0;
  -webkit-transform: translate(0px, 24px);
  -ms-transform: translate(0px, 24px);
  transform: translate(0px, 24px);
}
html.w-mod-js *[data-ix="home-page-logo"] {
  opacity: 0;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
html.w-mod-js *[data-ix="move-label"] {
  opacity: 0;
  -webkit-transform: scale(0.82);
  -ms-transform: scale(0.82);
  transform: scale(0.82);
}
html.w-mod-js *[data-ix="move-block-contents-1"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
html.w-mod-js *[data-ix="move-block-contents-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-7"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-8"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-block-contents-9"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10%);
  -ms-transform: translate(0px, 10%);
  transform: translate(0px, 10%);
}
html.w-mod-js *[data-ix="move-portfolio-image"] {
  opacity: 0;
  -webkit-transform: translate(0px, 90px);
  -ms-transform: translate(0px, 90px);
  transform: translate(0px, 90px);
}
html.w-mod-js *[data-ix="move-portfolio-image-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}
@media (max-width: 991px) {
  h3 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 52px;
    padding-left: 52px;
    text-align: center;
  }
  p {
    padding-right: 55px;
    padding-left: 55px;
    text-align: center;
  }
  .nav-dark-bg {
    font-family:'Quebec serial', sans-serif;
    text-transform: uppercase;
  }
  .biggerh3 {
    padding-left: 68px;
  }
  .sidebar-2.link-2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .portfolio-text-top._00b6ff {
    padding-right: 12%;
    padding-left: 12%;
  }
  .portfolio-images {
    padding-right: 0%;
    padding-left: 0%;
  }
  .portfolio-images.all-but-first.all-but-first-remove-gap {
    padding-top: 0px;
  }
  .specialty {
    display: inline;
    float: none;
    clear: none;
  }
  .specialty-icon {
    display: inline;
    margin-right: -8px;
    padding-bottom: 6px;
    float: none;
    clear: none;
  }
  .specialty-column {
    display: block;
    margin-bottom: 10px;
    clear: none;
    text-align: center;
  }
  .footer-btn {
    padding-right: 12%;
    padding-left: 12%;
  }
  .dropdown-2 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: #3b3b3b;
    text-align: center;
  }
  .dropdown-2.w--current {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .dropdown-text {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .dropdown-text.w--current {
    background-color: #3b3b3b;
  }
  .dropdown2-bg {
    background-color: #3b3b3b;
  }
  .dropdown2-bg.w--open {
    font-family:'Quebec serial', sans-serif;
  }
  .dropdown-link {
    -webkit-transition: color 500ms ease;
    transition: color 500ms ease;
    color: #5a5a5a;
    text-align: center;
    text-transform: uppercase;
  }
  .dropdown-link:hover {
    color: #858585;
  }
  .dropdown-link.w--current {
    color: #858585;
  }
  .dropdown-link.w--current:hover {
    color: #858585;
  }
  .dropdown-arrow {
    color: #5a5a5a;
  }
  .specialty-text-block {
    display: inline;
  }
  .folder-block.tablet {
    left: 25%;
  }
  .folder-block.tablet.mobile {
    left: 30%;
    right: 4%;
  }
}
@media (max-width: 767px) {
  h3 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 27px;
    line-height: 41px;
    text-align: center;
    letter-spacing: 1px;
  }
  p {
    padding-right: 39px;
    padding-left: 39px;
    font-size: 25px;
    line-height: 36px;
    text-align: center;
  }
  .button {
    font-size: 23px;
  }
  .button.rightbitn {
    margin-left: 16px;
  }
  .main-column.main-column-about.sup {
    position: static;
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .main-column.main-column-about.contactme {
    position: static;
    display: block;
  }
  .sidebar {
    margin-top: -35px;
    margin-bottom: -35px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .sidebar.aboutsidebar {
    background-color: #363636;
  }
  .sidebar.myclients-sidebar {
    background-color: #363636;
  }
  .sidebar.accolades-sidebar {
    background-color: #363636;
  }
  .sidebar.sup-sidebar {
    background-color: #363636;
  }
  .sidebar.contact-me-sidebar {
    background-color: #363636;
  }
  .nav-dark-bg {
    font-size: 25px;
  }
  .hamburgermenu {
    background-color: #363636;
  }
  .hamburgerlinks {
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #363636;
    -webkit-transition: color 500ms ease;
    transition: color 500ms ease;
    font-family:'Quebec serial', sans-serif;
    color: #5a5a5a;
    font-size: 30px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .hamburgerlinks:hover {
    color: #858585;
  }
  .hamburgerlinks.w--current {
    color: #858585;
  }
  .squarebehindhamburger {
    background-color: #363636;
  }
  .squarebehindhamburger.w--open {
    background-color: #363636;
  }
  .hamburgerbg {
    background-color: #363636;
  }
  .smallerheadline {
    font-size: 25px;
  }
  .h4 {
    font-size: 25px;
    line-height: 32px;
  }
  .biggerh3 {
    padding-left: 10px;
    font-size: 30px;
  }
  .italtype {
    font-size: 30px;
    line-height: 41px;
  }
  .bodycopy2 {
    font-size: 25px;
    line-height: 36px;
  }
  .links {
    font-size: 30px;
    line-height: 41px;
  }
  .portfolio-text-top._00b6ff {
    padding-right: 7%;
    padding-left: 7%;
  }
  .text-top-padding {
    padding-top: 62px;
    font-size: 25px;
    line-height: 36px;
  }
  .portfolio-heading {
    font-size: 25px;
  }
  .portfolio-images {
    padding-right: 0%;
    padding-left: 0%;
  }
  .specialty {
    font-size: 25px;
    line-height: 36px;
  }
  .specialty-icon {
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .specialty-column {
    font-weight: 400;
  }
  .footer {
    padding-top: 236px;
  }
  .footer-btn {
    padding-right: 7%;
    padding-left: 7%;
  }
  .dropdown2-bg.w--open {
    font-size: 25px;
    line-height: 26px;
  }
  .navbag-bg {
    background-color: #363636;
  }
  .folder-block.tablet.mobile {
    left: 0%;
    padding-right: 23px;
    padding-left: 23px;
  }
  .contact-icon {
    position: static;
    display: inline-block;
    padding-top: 60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .contact-icon.clients-content-position {
    background-color: #75bd3f;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .contact-icon.clients-content-position.mobile-accolades-bg {
    background-color: #ff7b0f;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .sup-text {
    text-align: left;
  }
  .sup-text.sup-tablet {
    padding-left: 0px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .main-column.main-column-about.contactme {
    top: 115%;
  }
}