/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  box-shadow: inset rgba(251, 245, 0, 0.07) 0px 1px 50px 1px;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

h1{
  font-family: 'Work Sans', Helvetica, sans-serif;
  border:none;
  text-align: center;
  font-size:4em;
  margin:30px;
}

.lead{
  font-style: italic;
}

.palette{
  width:33px;
  height:33px;
  display:inline-block;
}
.palette:hover{
  transform: scale(1.1,1.1);
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.footer .text-muted {
    margin: 20px 0;
}

#branding{
  position:absolute;
  top:20px;
  right:20px;
}