body{
 font-size: 100%;
 height: 100%;
}

h1 {
    font-size: 2.5em; /* 40px/16=2.5em */
}

h2 {
    font-size: 1.875em; /* 30px/16=1.875em */
}

h3 {
    font-size: 1.275em; /* 30px/16=1.875em */
}
p {
    font-size: 0.875em; /* 14px/16=0.875em */
  }
    
div.col-md-1{
    padding: 5px 5px 5px 5px;
}
div.col-md-2{
    padding: 5px 5px 5px 5px;
}
div.col-md-3{
    padding: 5px 5px 5px 5px;
}
div.col-md-4{
    padding: 5px 5px 5px 5px;
}
div.col-md-5{
    padding: 5px 5px 5px 5px;
}
div.col-md-6{
    padding: 5px 5px 5px 5px;
}


div.col-md-12{
    padding: 5px 5px 5px 5px;
}

ul.no-bullets {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
}

#tab3 {
  background: #fff;  
}

#tab3 > h3 {
color: #D93240;
  text-decoration: underline;
  margin-left: 7px;
}

#tab4 {
  height: 850px;  
}

#abilities {
  background: #ffffff;
}
#abilities ul > li {
    min-height: 30px;
    padding: 5px 7px 5px 7px;
    margin: 0px 5px;
}
#abilities ul > li:hover {
    background: #f2f2f2 none repeat scroll 0 0;
}
#abilities ul > li .ability-title {
    color: #638CA6;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 60%;
}
#abilities ul > li .ability-score {
    float: right;
}
#abilities ul > li .ability-score .glyphicon {
    color: #bfd4d9;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
#abilities ul > li .ability-score .glyphicon.filled {
    color: #D93240;
}
#abilities ul > li:hover .ability-score .glyphicon {
    margin-left: 2px;
}

#tools {
  background: #ffffff;
   padding: 0px 3px !important;
}
#tools ul > li {
    min-height: 30px;
    padding: 3px 7px 3px 7px;
    margin: 0px 5px;
}
#tools ul > li:hover {
    background: #f2f2f2 none repeat scroll 0 0;
}
#tools ul > li .ability-title {
    color: #638CA6;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 60%;
}
#tools ul > li .ability-score {
    float: right;
}
#tools ul > li .ability-score .glyphicon {
    color: #bfd4d9;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
#tools ul > li .ability-score .glyphicon.filled {
    color: #D93240;
}
#tools ul > li:hover .ability-score .glyphicon {
    margin-left: 2px;
}
#contact {
   padding: 25px 10px;
   
}

#contact a {
    display: block;
    line-height: 32px;
    margin-bottom: 20px; 
    color: #17a697;
           font-weight: bold;
    font-size: 20px;
}
#contact a .icon {
    float: left;
    margin-right: 20px;
}
#contact a:hover {
    opacity: 1;
    text-decoration: none;
}

select {
  background-color: #E78843;
}


.jumbotron {
    background: no-repeat center right fixed url(trees.jpg);
 
 	-webkit-background-size: 100%; 
     -moz-background-size: 100%; 
     -o-background-size: 100%; 
     background-size: 100%; 
 	
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	
 	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='trees.jpg', sizingMethod='scale')";
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='trees.jpg', sizingMethod='scale');
 	
 	margin-bottom: 0px !important;
	padding:25px 0px !important;
}

.jumbotron .container { 
    position: relative; 
    text-align: center; 
    height:450px;
    
 }
 
.jumbotron .container > * { 
    text-align: center; color: #FFFFFF; 
 }
.jumbotron .container h1 {
   margin-top: 10px;   
   display: inline-block; }
   
.jumbotron .container .lead { 
   font-size: 28px;   
  
   }
 
.centerpiece {
    background-color: #BFD4D9;
    padding: 5px 0px !important;
}

.sidelines {
   
}

.maincanvas {
   background-color: #0f5959;   
}

.tabs li {
				list-style:none;
				float: none !important;
            display: inline-block;
			}

			.tabs a {
				padding: 15px 25px;
				display:inline-block;
				background:#17a697;
				color:#fff;
				text-decoration:none;
				font-size: 20px;
			}

			.tabs a.active {
				background:#fff;
				color:#17a697;
			}
    
.tabs > li.ui-state-focus > a.ui-tabs-anchor {
        background:#fff;
	color:#17a697;
}

.ui-tabs .ui-tabs-nav {
            padding: 0px !important;
            text-align: center;
    }

.profileBox {
font-size: 18px;
 color: #0F5969;
}

.profileBox > h2 {
  color: #D93240;
  text-decoration: underline;
}


div.expLeftBox > h3 {
  color: #17A697; 
  font-weight: bold;  
}

div.expLeftBox > h4 {
  color: #17A697;  
}


div.expRightBox {
 border-bottom: 1px solid #17A697;
}
   
   
.icon-linkedin {
    position: relative;
}
 
/*replace the content value with the
corresponding value from the list below*/
 
.icon-linkedin:before {
    content: "\f08c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0077b5;
    font-size: 36px;
    
}   

.icon-email {
    position: relative;
}
 
/*replace the content value with the
corresponding value from the list below*/
 
.icon-email:before {
    content: "\f044";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0077b5;
    font-size: 36px;
    
}