body {
	background-color:#222;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	padding-top: 22px;
}


h1, h2, h3{font-weight: 100;}


p{
	color:#fff;
	font-weight:300;
}

a:hover{cursor:pointer!important;}

a img.thumbnails:hover{
	-webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    transition:all 0.4s ease-in-out;
    transition-timing-function: ease-out;
    background-color:#444;
}

.footer{
	bottom:0;
	font-size: .7em;
	text-align:center;
	width:100%;
}

 .thumbnails{border:1px solid transparent;}

.navbar{
	background-color:#111;
	border-color:#424242;	
}

.navbar-brand > img{
	max-width:90px;
}

.navbar-default .navbar-brand{
	color: #fff;
	font-weight:100;
}

.navbar-default .navbar-brand:hover{
	color:#f3e5b5;
}

img.mike{
	margin-top: 30px;
	max-width: 272px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
	background-color:#424242;
	color:#fff;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus{
	color:#f3e5b5;
}

.navbar-default .navbar-nav > li > a{
	color:#D4D3D1;
	padding:22px;
}

.container-fluid:nth-of-type(even){
	/*background-color:#444!*/
}

.jumbotron {
    color: #fff;
    padding-top:65px;
}

.btn-primary {
  color: #222;
  background-color: #D4D3D1;
  border-color: #D4D3D1;
}

.btn-primary.linkedIn {
  color: #fff;
  background-color: #222;
  border-color: #fff;
  margin-top: 9px;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #222;
  background-color: #f3e5b5;
  border-color: #f3e5b5;
}

.btn-primary.linkedIn:focus,
.btn-primary.linkedIn.focus,
.btn-primary.linkedIn:hover,
.btn-primary.linkedIn:active,
.btn-primary.linkedIn.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #025b8a!important;
  border-color: #5a8ba5;
}



.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  margin-bottom:40px;
  font-size: 16px;
  border-radius: 0;
}

i.fa.fa-angle-right {
    font-size: 1.3em;
    vertical-align: bottom;
    margin-left: 7px;
}

.navbar-fixed-bottom{
	bottom:0;
}

.navbar-default .navbar-nav > li.linkedIn a:hover{
	color: #ffffff;
	background: #0077B5;
}

.fa-linkedin-square{
    float:left;
    font-size: 18px!important;
    color: #fff;
    margin-right: 5px;
}

.fa-linkedin-square:hover{
    color: #66a5dc;
}


a.spare-time {
	font-size: x-large;
	color:#6bafea;
}

a.spare-time:hover {
	color:orange;
}

.col-md-4{
	padding:0;
}

.project-id{
	text-align: center;
	padding:10px;
}

.icons{max-width:120px;}

.row:nth-of-type(even) {
	background:#333;
	margin-top:100px;
	margin-bottom:100px;
	padding:50px 10px;
}
.pre-footer a{color:#fff;}

.pre-footer .col-md-4 {
    text-align: center;
    /*background: #cacaca;*/
    padding: 3em 1em;
}

.pre-footer .col-md-4:nth-of-type(1) {
}
.pre-footer .col-md-4:nth-of-type(2) {
}
.pre-footer .col-md-4:nth-of-type(3){
}


@media (min-width: 1200px) {
		.navbar-brand{
			min-height:30px;
		}
		.navbar-nav{
			margin:15px;
		}

		.navbar-default .navbar-nav > .active > a, 
		.navbar-default .navbar-nav > .active > a:hover, 
		.navbar-default .navbar-nav > .active > a:focus{
			background-color:#222;
		}

		.navbar-brand{
			font-size:2em;
			margin-top: 10px;
			margin-left: -4px!important;
			padding:10px;
			padding-left: 0;
		}

		.container .jumbotron{
			padding-left:0;
			margin-top:50px;
		}

}

@media (max-width: 1200px) {
		.navbar-brand > img{
			max-width:70px;
		}

		.navbar-brand{
			padding: 10px 25px 10px 10px;
		}
}

@media (min-width: 768px) {

		.navbar-header{
			padding:0 0 0 65px;
		}

}


@media (max-width: 768px) {

		img.mike{
			margin-top: 0;
			float:none;
		}

		.fa-linkedin-square{
		    display:none!important;
		}

		.container-fluid {text-align:center;}

		.navbar-default .navbar-brand{
		line-height: 10px;
		position: fixed;
		padding: 0;
		}

		.navbar-default .navbar-nav > li > a{
			font-size: 1.25em;
			background: #404040;
			color: #fff;
		}
		.navbar-default .navbar-nav > li > a:hover{
			background: #333333;
		}
		.navbar-nav{margin:0}

		.navbar-header {
   		  padding: 10px;
		}


}

@media (max-width: 500px) {
		.btn-primary.linkedIn {
		  padding:5%;
		  width:100%;
		}

}