html,body {
    height:100%;
    width: 100%;
}

@media screen and (max-device-width: 900px) {
    body {
        font-size: 30px !important;
    }
    
    .container {
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
    }
}

h3 {
    font-size: 1.8em !important;
}

h2 {
    font-size: 2em !important;
}

h4 {
    font-size: 1.3em !important;
}

.lead {
    font-size: 1.5em !important;
}

blockquote {
    font-size: 1.3em !important;
}

.jumbotron p {
  font-size: 1.5em !important;
}


container {
    position: relative;
    height: 100%-100px;
}


.user-profile {
    padding: 2rem;
    border: 1px solid #7a7a7a;
    box-shadow: 2px 4px 2px grey;
    margin-left: 2px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 100%;
    width: 100%;
    bottom: 0;
    display: block;
    position: relative;
}

.user-profile ul {
    padding-left: 10rem;
}

.user-profile h3 {
    text-align: center;
}

.img-profile {
    text-align: center;
    width: 136px;
    height: 136px;
    padding: 2px;
    border: 2px solid #337ab7;
}

.img-profile:hover {
    border-color: #23527c;
    border-width: 3px;
    padding: 1px;
}

.img-project {
    text-aligh: center;
    height: 128px;
}

.img-history-thumb {
    float:left; 
    margin-right: 1em; 
    height:128px;
}

footer {
    text-align: center;
    height: 50px;
    margin-top: 3rem;
}

header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    color: white;
    background-color: #337ab7;
}

header h2 {
    text-align: center;
    margin: 0;
}

.img-fab {
    width: 1em;
    height: 1em;
    filter:grayscale(100%);
}


/*------- Goodreads styles -------*/

.gr_grid_container {
  /* customize grid container div here. eg: width: 500px; */
}

.gr_grid_book_container {
  /* customize book cover container div here */
  float: left;
  width: 98px;
  height: 160px;
  padding: 0px 0px;
  overflow: hidden;
}
/* END Goodreads styles */

/*------- Footer -------*/

.container.main {
  padding-bottom: 5em;
}

.footer {
  padding-left: 3em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid #7b7b7b;
  background-color: rgb(42, 39, 48);
  color: rgb(153, 151, 156);
}

.footer a {
  color: #fff;
}

.footer a:hov {
  color: #fff;
}

.footer-links {
    padding-left: 0;
    margin-bottom: 20px;
}

.footer-links li {
    display: inline-block;
    margin-right: 1.2em;
}