img {
  max-width: 100%;
  margin-right: 10px;
}

.centered {
  text-align: center;
}

.righted {
  text-align: right;
}

.whiteFont {
  color: #FFF;
}

.whiteButton {
  color: #FFF;
  border-width: 1px;
  border-color: #FFF;
  border-radius: 0px;
  letter-spacing: 3px;
}
.whiteButton:hover {
  background-color: #FFF;
  color: #000;
  border-width: 1px;
  border-color: #FFF;
  border-radius: 0px;
}

.blackButton {
  color: #000;
  border-width: 1px;
  border-color: #000;
  border-radius: 0px;
  letter-spacing: 3px;
}
.blackButton:hover {
  background-color: #000;
  color: #FFF;
  border-width: 1px;
  border-color: #FFF;
  border-radius: 0px;
}

.hover {
  background-color: #000;
  color: #FFF;
}

.logo {
  max-width: 120px;
  color: #FFF;
}

.nav {
  color: #999;
  padding: 20px;
  text-decoration: none;
  letter-spacing: 1px;
}

.nav:hover, .nav:active {
  color: #000;
}

.footerlink {
  color: #555555;
  text-decoration: none;
  letter-spacing: 1px;
}

.footerlink:hover, .footerlink:active {
  color: #000;
}

.mar {
  margin: 20px 0px;
}

.onscroll {
  opacity: 0.3;
  transition: 0.7s;
}
.onscroll:hover {
  opacity: 0.9;
  transition: 0.5s;
}

.visible {
  opacity: 1;  
  transition: 0.7s;
}

.heart {
  color: #000;
  background-color: #FFF;
}
.heart:hover {
  color: #BF0404;
}

.diamond {
  color: #000;
  background-color: #FFF;
}
.diamond:hover {
  color: #9fc3e6;
}

.gear {
  color: #000;
  background-color: #FFF;
}
.gear:hover {
  color: #2b2b2b;
}

.this-active {
  color: #000;
}

input, textarea {
  width: 100%;
}

.halfed {
  width: 49.8%;
}