1/*
  2 * Globals
  3 */
  4
  5/* Links */
  6a,
  7a:focus,
  8a:hover {
  9  color: #fff;
 10}
 11
 12/* Custom default button */
 13.btn-secondary,
 14.btn-secondary:hover,
 15.btn-secondary:focus {
 16  color: #333;
 17  text-shadow: none; /* Prevent inheritance from `body` */
 18  background-color: #fff;
 19  border: .05rem solid #fff;
 20}
 21
 22
 23/*
 24 * Base structure
 25 */
 26
 27html,
 28body {
 29  height: 100%;
 30  background-color: #A0AAA6;
 31}
 32
 33body {
 34  display: -ms-flexbox;
 35  display: -webkit-box;
 36  display: flex;
 37  -ms-flex-pack: center;
 38  -webkit-box-pack: center;
 39  justify-content: center;
 40  color: #fff;
 41  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
 42  box-shadow: inset 0 0 5rem hsla(155, 10%, 40%, 1);
 43}
 44
 45.cover-container {
 46  max-width: 90em;
 47}
 48
 49
 50/*
 51 * Header
 52 */
 53.masthead {
 54  margin-bottom: 2rem;
 55}
 56
 57.masthead-brand {
 58  margin-bottom: 0;
 59  color: #f7baa1;
 60}
 61
 62.nav-masthead .nav-link {
 63  padding: .25rem 0;
 64  font-weight: 700;
 65  background-color: transparent;
 66  border-bottom: .25rem solid transparent;
 67}
 68
 69.nav-masthead .nav-link:hover,
 70.nav-masthead .nav-link:focus {
 71  border-bottom-color: rgba(255, 255, 255, .25);
 72}
 73
 74.nav-masthead .nav-link + .nav-link {
 75  margin-left: 1rem;
 76}
 77
 78.nav-masthead .active {
 79  color: #fff;
 80  border-bottom-color: #fff;
 81}
 82
 83@media (min-width: 48em) {
 84  .masthead-brand {
 85    float: left;
 86  }
 87  .nav-masthead {
 88    float: right;
 89  }
 90}
 91
 92.btn-sage-green {
 93  background-color: #7E968C;
 94  border-color: #4c5d56; 
 95}
 96
 97/*
 98 * Cover
 99 */
100.cover {
101  padding: 0 1.5rem;
102}
103.cover .btn-lg {
104  padding: .75rem 1.25rem;
105  font-weight: 700;
106}
107