body{
	font-family: "Inter", sans-serif;
	background-color:#f9f9f9;
}

h1,h2,h3,h4,h5,h6{
	color:#333;
	font-family: "Special Gothic Expanded One", sans-serif;
	font-weight:bold;
	text-transform: uppercase;
}

#brendantodio header {
	padding:30px 0 40px;
}

#brendantodio #logo{
	margin-bottom:30px;
}

#brendantodio .subintro{
	color:#555;
	font-weight:300;
	letter-spacing:2px;
	font-size:14px;
}

#bt-main-menu{
	margin-bottom:40px;
}

#bt-main-menu li > a{
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#bt-main-menu li.active{
	border-bottom:solid 2px #555;
}

#bt-main-menu li.active > a {
	background:transparent;
	color:#555;
}

#bt-main-menu li a{
	text-transform: uppercase;
	font-weight:900;
	color:#888;
}

#bt-main-menu li a:hover{
	color:#555;
}

.uppercase {
	text-transform:uppercase;
}

.bt-project-heading{
	margin-top:20px;
	margin-bottom:40px;
}

.bt-project{
	background-color:#fff;
	padding:25px;
	margin-bottom:1.875rem;
}

.bt-project-link{
	display:block;
	padding:50px 25px;
	position:relative;
	height:250px;
	margin-bottom:25px;
}

.bt-project-title{
	color:#333;
}

.bt-project-logo{
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    height:200px;
    position:absolute;
    top:50%;
    transform:translateY(-25%);
   	left:0;
   	width:100%;
}

.bt-project-desc{
	color:#fff;
	opacity:0;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
   	left:0;
   	width:100%;
   	padding-left:5px;
   	padding-right:5px;
}

.bt-project-desc h5{
	color:#fff;
}

.bt-small-project-desc a{
	color:#333;
	font-weight:700;
}

.bt-project-desc.white,
.bt-project-desc.white h5 {
	color:#000;
}

.bt-small-project-desc a:hover{
	color:#888;
}

.bt-project .bt-project-classcarrier{
	background-color:#00adee;
}

.bt-project .bt-project-triptraction{
	background-color:#154756;
}

.bt-project .bt-project-trendplate{
	background-color:#354653;
}

.bt-logo-formpiece,
.bt-logo-iconone {
	width: 70%;
}

.bt-logo-formpiece {
	transform: translateY(40%);
}

.bt-about-row{
	margin-bottom:40px;
}

.bt-technical-list {
	margin-bottom:1rem;
}

.bt-technical-list li{
	line-height:2rem;
	margin-bottom:1rem;
}

.bt-programming-icon{
	display:inline-block;
	margin-right:1rem;
	width:32px;
}

.bt-footer-icon{
	color:#888;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.bt-footer-icon:hover{
	color:#555;
}

footer{
	margin-top:40px;
	margin-bottom:60px;
}

@media screen and (min-width: 40em) {
	
	.bt-project-link{
		margin-bottom:0;
	}

	
	a.bt-project-link:hover .bt-project-logo{
		opacity:0;
	}
	
	a.bt-project-link:hover .bt-project-desc{
		opacity:1;
	}

}