/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* =Scss Variables
-------------------------------------------------------------- */
/* =Global
-------------------------------------------------------------- */

/* =Template
-------------------------------------------------------------- */

/* =Info Bar
-------------------------------------------------------------- */


/* =Header
-------------------------------------------------------------- */
header {
  width: 100%;
  min-height: 75px;
 /* overflow: hidden;*/
  position: fixed;
  top: 0;
  left: 0;
  
  background-color:rgba(255,255,255,0.9); 
	z-index:3;
  -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.smaller {
    min-height: 75px;
    top:0;
    z-index:3;	}


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

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 660px) {
  /* =Header
  -------------------------------------------------------------- */

  header.smaller {
    min-height: 75px; }

@media all and (max-width: 600px) {
  .container {
    width: 100%; }