.App {
	z-index: 999;
	height: 100%;
  background-color: #f3f3f3;
  font-size: 25px;
  font-family: monospace;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #b1b1b1;
  height: 115px;
  padding: 20px;
}

.App-body {
  background-color: #e8e8e8;
  font-size: large;
  font-family: monospace;
	/*text-align: center;*/
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.under-logo {
	height: 100px;
}


.Typist.text-animate {
    text-align: center;
    font-size: 25px;
    font-family: monospace;
}

@media only screen and (max-width: 900px) {
    .Typist.text-animate  {
        font-size: 14px;
    }
}

.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

.quote-home {
    margin: 85px;
    text-align: center;
    font-family: cursive;
}

a.facebook-button {
    border: none;
    background: #3b5998;
    border-radius: 6px;
    color: white;
		padding: 5px;
}
a.facebook-button:hover {
    padding: 8px;
    text-decoration: none;
}

a.Git-button.pull-right {
    color: white;
    font-size: 20px;
}

.navbar {
    background-color: #e9e9e9;
}
@media screen and (min-width : 765px) {
.nav-bar{
  background-color: #e5e5e5;
        min-height: 1200px;
        font-size: 25px;
        font-family: monospace;
    }
}
.nav-bar{
    background-color: #e5e5e5;

  font-size: 25px;
  font-family: monospace;
}
button.menu-button {
    background: none;
    border: none;
    margin: 10px;
		outline: none;
}

.menu-add {
    color: #337ab7;
}
.menu-remove {
    color: #730705;
}