/*************** THEME VARIABLES  ***************/
/*************** xs < 768px (.container @ auto)  ***************/
.navbar {
  margin-bottom: 0px;
  border-radius: 0px;
}

.navbar-default {
  background-color: #FFFFFF;
  border: 0px none;
}

.jumbotron {
  background-color: lightgrey;
  margin-bottom: 0px;
}

.inline-block {
  display: inline-block;
}

h1, h2, h3, h4, h5, h6, p, a {
  color: #222222;
  line-height: 135%;
}

h2 {
  margin-bottom: 50px;
}

p {
  font-size: 1.6rem;
  display: inline-block;
}

a {
  font-size: 1.6rem;
}
a:visited, a:focus, a:active {
  color: #222222;
  outline: none;
  text-decoration: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("arrow.png") 85% no-repeat #FF2323;
  background-size: 15px;
  border-radius: 6px;
  border: 0px;
  color: white;
  font-weight: bold;
  height: 26px;
  margin: 0;
  padding: 0px 6px;
  transform: translateY(-13%);
  width: 60px;
}

option {
  padding-top: 4px;
  padding-bottom: 4px;
}
option:first-child {
  padding-top: 6px;
}
option:last-child {
  padding-bottom: 6px;
}

.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
  width: 510px;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

/*************** sm >= 768px (.container @ 750px)  ***************/
/* } @media (min-width: 768px) */
/*************** md >= 992px (.container @ 970px)  ***************/
/* } @media (min-width: 992px) */
/*************** lg >= 1200px (.container @ 1170px) ***************/
/* } @media (min-width: 1200px) */
/* SNIPPETS & NOTES */
.center__vh--css {
  display: inline-block;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
}

.center__vh--flex {
  align-items: center;
  /* VERTICAL ALIGNMENT */
  display: flex;
  height: 100%;
  justify-content: center;
  /* HORIZONTAL ALIGNMENT */
  margin: 0px;
  padding: 0px;
}

.debug {
  border: 1px dashed #FF0000 !important;
}

.debug--nullify {
  border: 1px dashed #00C8FF !important;
  font-size: 0;
  line-height: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding: 0;
}

.dummy-height {
  height: 100vh;
}

.fill--c {
  background-color: #BCE2EE;
}
.fill--m {
  background-color: #F3C7D4;
}
.fill--y {
  background-color: #FFFCC8;
}
.fill--k {
  background-color: #C0C1BF;
}

/* BOOTSTRAP NOTES & RESOLUTION REFERENCE */