/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a img {border: none;}

/* =Scss Variables
-------------------------------------------------------------- */
/* =Global
-------------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }



.container {
  max-width: 1200px;box-sizing: border-box;
  margin:0 auto !important;
  padding: 0;}





/* =Header
-------------------------------------------------------------- */
header nav{display:inline-block;}

header {vertical-align:middle !important;
  width: 100% !important;margin:0 auto !important;
  height: 100px;

  position: fixed;
  top: 0;
  z-index: 1111111111;
  background-color: #F3F3F3;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }


  header h1#logo {margin:0;
    display: inline-block;
    height: 100px;
	padding-top:10px;
	  left:0;


    -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 {width:auto;font-family: 'festersemi-condensed_book';display: inline-block !important;float: right;letter-spacing:1px;text-decoration: none;text-align: right;box-sizing: border-box;}
    header nav a {
      line-height: 100px;
      margin-left: 20px;
      color: #222;
		text-decoration: none;
      font-size: 22px;
      -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 {padding-right:5px;color: #35bdee !important;border-left:2px solid #000;padding-top:-10px;font-weight:bolder !important;padding-left:15px; }


  header.smaller {
    height: 75px;
	background:rgba(255,255,255,0.8);
	 }
    header.smaller h1#logo {font-size: 30px;margin-top:-25px; }
	  header h1#logo img{transition: all 0.5s ease-in-out;line-height:2px;}
	  header.smaller h1#logo img{transform: scale(.65, .65);transition: all 0.5s ease-in-out;margin-top:10px !important;}
    header.smaller nav a {line-height: 75px;color:#333; }

/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
   }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:rgba(0,0,0,0.4);
}
::-moz-placeholder { /* Firefox 19+ */
  color:rgba(0,0,0,0.4);
}
:-ms-input-placeholder { /* IE 10+ */
  color:rgba(0,0,0,0.4);
}
:-moz-placeholder { /* Firefox 18- */
  color:rgba(0,0,0,0.4);
}