/* =Header
-------------------------------------------------------------- */
header { width: 100%; height: 180px; /*overflow: hidden;*/ position: fixed; top: 0; left: 0; z-index: 999; background-color: #fff; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; box-shadow: 1px 1px 10px #444; }
header h1#logo { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header nav { display: inline-block; float: right; }
header nav a { line-height: 150px; margin-left: 20px; color: #9fdbfc; font-weight: 700; font-size: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header nav a:hover { color: white; }
header.smaller { height: 150px; }
header.smaller h1#logo { }
header.smaller nav a { }
/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 660px) {
/* =Header
  -------------------------------------------------------------- */
/*header h1#logo { display: block; float: none; margin: 0 auto; height: 100px; line-height: 100px; text-align: center; }
header nav { display: block; float: none; height: 50px; text-align: center; margin: 0 auto; }
header nav a { line-height: 50px; margin: 0 10px; }*/
header.smaller { }
header.smaller h1#logo { }
header.smaller nav { }
header.smaller nav a { }
}

@media all and (max-width: 600px) {

#info-bar a { display: block; }
#info-bar span.all-tutorials, #info-bar span.back-to-tutorial { width: 100%; }
#info-bar span.all-tutorials, #info-bar span.back-to-tutorial { float: none; text-align: center; }
#info-bar span.all-tutorials { border-bottom: solid 1px #0793e2; }
}