body {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 1.42857143;
    padding-bottom: 4rem;
    background: black;
}
.thumbnail {
    background: inherit;
}

/*TYPOGRAPHY*/
h1, h2, h3, h4, h5 {
    font-family: 'Roboto Mono', monospace;
}
p, li, a {
    font-family: 'Montserrat', sans-serif;
}

/*
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
*/

.btn {
  font-size: 16px;
}
/* Can't get this selector to work - try again later
body .aboutTxt  p {
    font-size: 88%;
    border: 1px solid black;
}
*/

.navbar-default {
    background: #3f3f3f;
    border-color: black;
}

.navbar-default .navbar-brand {
    color: #bdbdbd;
    font-family: 'Roboto Mono', monospace;
    font-size: 112%;
}
.navbar-default .navbar-brand:hover {
    color: white;
}

.navbar-default .navbar-nav > li > a {
    color: #bdbdbd;
    font-size: 88%;
/*        border: 1px solid yellow;*/
}
.navbar-default .navbar-nav > li > a:hover {
    color: white;
}
.navbar-right:hover {
    color: white;
}




/*LAYOUT*/

.container {
/*    border: 2px solid white;*/
    border-radius: 2rem;
}
.colBox {
/*    border: 1px solid black;*/
}

.instructions {
    padding-bottom: 2rem;
}
.tweetEvent {
    padding-bottom: 2rem;
}
/*
.tweetEvent:first-of-type {
    margin-top: 100px;
    border: 1px solid yellow;
}
*/
.event4 {
    background: lavender;
}
.event3 {
    background: lightblue;
}
.bannerImg img {
/*    max-height: 30vh;*/
    max-width: 320px;
}
#header .jumbotron {
    background: black;
    color: white;
    margin-bottom: 0;
}
.eventHdr, .subHdr {
    text-align: center;
    padding-bottom: 1rem;
}
.eventHdr {
    padding-top: 3.2rem;
}
.eventHdr h2 {
    margin-bottom: 2rem;
}
.jumbotron h3 {
    padding-bottom: 1rem;
}
.jumbotron .btn, .jumbotron p {
    margin-top: 2rem;
}

/* Works for large screen but not small - adjust later
.subHdr {
    padding-left: 12rem;
    padding-right: 12rem;
    border: 1px solid blue;
}
*/



/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */


footer {
    color: #bdbdbd;
/*    border: 1px solid yellow;*/
    padding-top: 2rem;
    text-align: center;
}