styles.css

/* Styles */
#app {
 /* font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  min-width: 550px;
  max-width: 850px;
  margin: 0 auto;*/
}

a.active {
  color: orange;
}

nav {
  padding-top: 20px;
}

.App {
  text-align: center;
}

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

.App-header {
  background-color: #222;
  height: 125px;
  padding: 20px;
  color: white;
 /* width: 1000px;*/
}

.navbar-inverse{padding-top: 10px;padding-bottom:10px;border-radius: 0 !important;margin-bottom: 0 !important;}

.navbar-header a{color: #fff !important;font-size: 22px;}
.navbar-header span.subheading{font-size: 14px;color: #fff !important;}
.navbar-header a:hover{text-decoration: none;}

.container-fluid{padding: 0 !important ;}
.sidebar-outer{width:100%;padding: 15px !important;position:absolute;}

.App-intro {
  font-size: large;
}

.center-block{position: absolute;right:0;}
.card {
    box-shadow: 0 30px 30px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    padding-top:10px;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
    padding: 2px 16px;
}

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

.App-img{
  float: left;
}

.App-headermod
{

}

.App-headerText{
  margin-top: 30px;
}