/*
Project: 16-17_3-12
Author: Richy Thomas
Color Palette: Violet: #B64286 , Teal: #187466
*/


/* Key / Highlight Text*/

.key {
  margin-bottom: 10px;
}

.key-list li {
  line-height: 36px;
}

.yellow-bg, .highlight.yellow.reveal {
  background-color: rgb(255, 255, 123);
}

.green-bg, .highlight.green.reveal{
  background-color: rgb(139, 195, 74);
}

.blue-bg, .highlight.blue.reveal {
  background-color: rgb(41, 182, 246);
}

.pink-bg, .highlight.pink.reveal {
  background-color: rgb(255, 105, 180);
}

.red-bg, .highlight.red.reveal {
  background-color: rgb(255, 127, 127);
}

/* Color Picker */

.color-picker {
  float: left;
  margin-right: 15px;
  width: 32px;
}

.color-picker div {
  border-radius: 15px;
  border: 1px solid #111;
  cursor: pointer;
  height: 30px;
  margin: 5px 0;
  width: 30px;
}

.color-picker div:hover {
  border: 1px solid #444;
}

.color-picker div.selected {
  box-shadow: #666 0 0 4px 2px;
}

/* Tablet */
@media(min-width: 768px){

  .header-title h2 {
    font-size: 2.7em;
  }

}

/* Desktop */
@media(min-width:992px){

  .header-title h2 {
    font-size: 2.9em;
  }

}

/* Large Desktop */
@media(min-width:1200px){

  .header-title h2 {
    font-size: 3.7em;
  }

}

/* Print */
@media print {


}