.navbar a:hover {
color: #ccc !important;
}

header, #tools {
    background: #ccc;
    color: #2c3e50
}
.loadinggif {
    background:url('8.gif') no-repeat right 20px center;
}
.form-group {
    margin-left: 0px !important;
}
#myTab {
    /*width: 50%;*/
    margin: 20px auto 20px auto;
}
#myTab li a {
    color: #2c3e50;}
#myTab li.active a {
    color: white
}
#myTabContent {
   /* width: 50%;*/
    margin: 0 auto
}

.tab-content button {margin-bottom: 20px;}

.results {display: inline-block}

.twitter-typeahead{float: left; width: 86%; margin-bottom: 20px;}

.actorTypeahead, .movieTypeahead  {width: 95%!important}
  
h3.age {text-transform: initial;}

.movie, .actor {text-align: left !important}

#about ul li {list-style-type: none; font-size: 22px; line-height: 1.5em; margin-bottom: 10px;}
#about ul li i {padding-right: 5px;}
#about a {color: #ccc;}

#contact_form .btn-success {background-color: #2c3e50}
#contact_form .btn-success:hover {opacity: .85;}

@media(max-width:596px) {
.actorTypeahead, .movieTypeahead {width: 116% !important}
.tab-content button {width: 100%;}
header .container {padding-top: 70px;}
header .intro-text .name {font-size: 1.7em;}
header .intro-text .skills {font-size: 1.1em;}
}