.colorizer {
  color: #e6c4b4;
}

.menuItem {
  display: block;
  margin: 2rem 4rem;
  font-size: 1.8rem;
  color: white;
  text-decoration: none;
}

.menuItem:hover {
  text-decoration: underline;
  color: #fff;
}

.hamburger {
  display: none;
  position: fixed;
  z-index: 100;
  top: 1rem;
  right: 1rem;
  padding: 4px;
  background: #fff0;
  cursor: pointer;
  color: silver;
  border: none;
}

.menu {
  display: none;
  position: fixed;
  transform: translateY(-100%);
  transition: transform 0.2s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: #e6c4b4;
  color: silver;
  list-style: none;
  padding-top: 4rem;
}

.menuIcon {
  font-size: 50px;
}

.closeIcon {
  font-size: 30px;
  display: none;
  background-color: #e6c4b4;
  color: #fff;
  border: none;
}

.showMenu {
  transform: translateY(0);
}


* {
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif !important;
}

.wrk {
  margin-bottom: 30px;
  color: #e6c4b4;
}
 
.a {
      margin-top: 60px;
}

.rw {
  margin-bottom: 20px;
}

.navbar-nav {
  font-size: 20px;
  margin-left: 30px;
}

a.nav-link {
  color: #e6c4b4 !important;
}

.col-md-auto {
  margin-bottom: 25px;
}

.clicollabs {
  margin-top: -60px;
}

.imgcollabs {
  width: 130px;
}

.aboutme {
  color: #fff !important;
  background-color: #e6c4b4;
  font-size: 26px;
}

.aboutmerow {
  margin-top: 40px;
  margin-bottom: 40px;
}

.abtmediv {
  color: #fff !important;
  /*text-align: justify !important;*/
  padding-left: 24%;
  padding-right: 24%;
}

.abtmediv p {
  color: #fff !important;
}

@media screen and (min-width: 320px) and (max-width: 844px) {
  .logo img {
    width: 60%;
  }

  .c {
    justify-content: left !important;
  }

  .abtmediv {
    padding-left: 17%;
    padding-right: 17%;
  }

  .hamburger, .menu {
    display: block;
  }

  /*.sideNav {
    display: block !important;
  }*/
}

@media screen and (min-width: 900px) {
  .logo {
    padding-left: 98px;
  }

}