* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -ms-touch-action: none;
}
/*a, a:link, a:visited {
	color: #fdc3d9;
}

a:hover, a:active {
	color: #f8166c;
}*/
/* ====================
       re-usable
==================== */
@-webkit-keyframes super-rainbow {
  0% {
    background: #F16C9B;
  }
  20% {
    background: #9F1139;
  }
  40% {
    background: #50022C;
  }
  60% {
    background: #452258;
  }
  80% {
    background: #609FAE;
  }
  100% {
    background: #444;
  }
}
@-moz-keyframes super-rainbow {
  0% {
    background: #F16C9B;
  }
  20% {
    background: #9F1139;
  }
  40% {
    background: #50022C;
  }
  60% {
    background: #452258;
  }
  80% {
    background: #609FAE;
  }
  100% {
    background: #444;
  }
}
keyframes super-rainbow 0% {
  background: #F16C9B;
}
keyframes super-rainbow 20% {
  background: #9F1139;
}
keyframes super-rainbow 40% {
  background: #50022C;
}
keyframes super-rainbow 60% {
  background: #452258;
}
keyframes super-rainbow 80% {
  background: #609FAE;
}
keyframes super-rainbow 100% {
  background: #444;
}
.container--colored {
  color: #fff;
  padding: 60px 0 50px;
  background: transparent;
  -webkit-animation: super-rainbow 30s infinite alternate linear;
  -moz-animation: super-rainbow 30s infinite alternate linear;
  animation: super-rainbow 30s infinite alternate linear;
}
.container--colored h1,
.container--colored h2,
.container--colored h3,
.container--colored h4,
.container--colored h5,
.container--colored h6 {
  color: #fff;
}
.social-icons .btn {
  margin-right: 15px;
}
.social-icons {
  padding-top: 10px;
  width: 80%;
  margin: 0 auto;
}
.social-icons a {
  margin: 10px 5px;
}
.social-icons .btn.btn-clear {
  border: 1px solid #fff !important;
}
h1 {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 63px;
  line-height: 6.300000000000001rem;
}
h2 {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 57px;
  line-height: 5.699999999999999rem;
}
h3 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 48px;
  line-height: 4.800000000000001rem;
}
h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  line-height: 3.5999999999999996rem;
}
h5 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem;
}
h6 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  line-height: 2.0999999999999996rem;
}
p {
  margin: 0 0 30px;
}
label {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem;
  margin: 0 0 10px;
}
/* ====================
         layout 
==================== */
#footer {
  padding: 15px 0;
}
/* ====================
       elements 
==================== */
#rgbHex-input {
  width: 100%;
}
.faux-input {
  width: 100%;
  min-height: 40px;
  padding: .5rem .7rem;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* ====================
       responsive 
==================== */